Задать вопрос
KurazhBambei
@KurazhBambei
html

Как сделать так, чтобы background-image загружался до того как страница будет показана?

Встала задача реализовать фон у страницы, решение применил такое:
Файл style.css:
body {
	height: 100%;
	width: 100%;
	background-image: url(/background.jpg);
	background-repeat: no-repeat; 
	background-size: cover; }

Файл index.html:
<html lang="en">
	<head>
		<title>Title</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="/css/style.css" rel="stylesheet"/>
	</head>
	<body>
		...
	</body>
</html>

Все нормально работает, но хотелось бы, чтобы изображение фона сначала загружалось и только потом отображалось вместе (а не позже) с содержимым страницы.
  • Вопрос задан
  • 5507 просмотров
1 комментарий
Подписаться 2 Оценить 1 комментарий
Решения вопроса 2
shiza36
@shiza36
queryLoader вам поможет.
www.gayadesign.com/diy/queryloader2-preload-your-i...
Ответ написан
Комментировать
Комментировать
VitaZheltyakov
@VitaZheltyakov
- Либо используем Application Cache;
- Либо отображаем страницу после загрузки фонового изображения при помощи JS.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 1
Zakhar0v
@Zakhar0v
1. при помощи js не показывать контент до полной загрузки.
2. костыль - подгрузить эту картинку в самом начале, после тега body, указав размер 1х1 пиксель.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать CRM/ERP проект на Pure Php + Symfony
26 апр. 2024, в 18:27
200000 руб./за проект
Таргетированная реклама в Tik Tok
26 апр. 2024, в 18:24
80000 руб./за проект
Протестировать виджет на личном сайте
26 апр. 2024, в 18:00
500 руб./за проект
Ещё заказы