Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.01.2016, 14:38
Кандидат Javascript-наук
Отправить личное сообщение для ligisayan Посмотреть профиль Найти все сообщения от ligisayan
 
Регистрация: 19.06.2015
Сообщений: 114

Как кроссбраузерно расположить фоновую картинку на весь экран?
Всем привет! Как расположить фоновую картинку на весь экран, чтобы это было кроссбраузерно по 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
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как удалить из памяти весь XML документ? EisBerg Events/DOM/Window 1 03.04.2010 14:45
Перемещаемая картинка на весь экран kostyara Элементы интерфейса 1 21.07.2009 10:06
Как расположить элемент по центру? Cosworth (X)HTML/CSS 16 10.06.2009 16:44
Как сделать ссылку картинку, которая изменяется при наводе курсора на неё? Кирилл Общие вопросы Javascript 2 10.03.2009 15:14
Как вывести на экран значение функции SELECT MAX(id) Владдд Серверные языки и технологии 3 25.01.2009 16:07