Форум

ligisayan · #1 (**permalink**) 10.01.2016, 14:38

Всем привет! Как расположить фоновую картинку на весь экран, чтобы это было кроссбраузерно по 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;
}

рони · #2 (**permalink**) 10.01.2016, 14:58

ligisayan,
вариант ...

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  html, body{
    height: 100%;
    margin: 0;
    padding: 0;
  }

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

<body>
<div id="hero"></div>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript