[ligisayan]

Всем привет! Как расположить фоновую картинку на весь экран, чтобы это было кроссбраузерно по ie8 включительно? Скрипт подключаю только исключительно для ie8, остальные браузеры неплохо с height: 100vh; справляются

Если скрипт подключить в условных комментариях с head, но скрипт сработает до dom.. Как быть?

<!--[if lt IE 9]>
	  <script type="text/javascript">
    hero.style.width = document.documentElement.clientHeight || document.body.clientHeight + "px";
	  </script>
    <![endif]-->
<div id="hero"></div>

#hero {
  background: url(http://placehold.it/1920x1080) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}