Как кроссбраузерно расположить фоновую картинку на весь экран?
Всем привет! Как расположить фоновую картинку на весь экран, чтобы это было кроссбраузерно по 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 { |
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>
|
| Часовой пояс GMT +3, время: 06:00. |