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

Не появляется картинка background?

Не появляется картинка background!

Имеется папка img, в ней как понятно img и в ней лежит файл first-bg.jpg.
А вот и код
HTML5

<!DOCTYPE html>
<html>
     <head>
	     <meta charset="UTF-8"/>
	     <title>Название потом придумаю!</title>
	     <link rel="stylesheet" type="text/css" href="style.css"/>
	 </head>
     
	 <body>
	    <header>
		     <div class="container">
		 dddd
		     </div>
		</header>
		<section>
		    <div class="container">
		 
		     </div>
		
		</section>
        <section>
		     <div class="container">
		 
		     </div>
		</section>
        <section> 
             <div class="container">
		 
		     </div>
		</section>
		<footer>
		     <div class="container">
		 
		     </div>
		</footer>

	 </body>
	 
</hnml>

и css
header {
	background-image: url(img/first-bg.jpg) no-repeat center top / cover;
	
	height: 100vh;
}
  • Вопрос задан
  • 1877 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 3
inkShio
@inkShio 
background: url(img/first-bg.jpg) no-repeat center top / cover;

или
background-image: url(img/first-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
Ответ написан
Комментировать
Комментировать
rockon404
@rockon404
Frontend Developer
background-image
Внимательно почитайте пункт синтаксис.
Так же почитайте про:
background
background-position
background-repeat
background-size
Ответ написан
Комментировать
Комментировать
Olek1
@Olek1
Сделайте вместо background-image просто background
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Тестирование модуля ElasticSearch через ftp
22 нояб. 2024, в 03:54
1500 руб./за проект
Телеграм бот
22 нояб. 2024, в 02:56
10000 руб./за проект
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Ещё заказы