Не работает background-image

Daniyar · July 14, 2017

Здраствуйте! Не работает background-image на теге header , а на body работает.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Docu</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<header></header>
</body>
</html>

header {
	background-image: url(scripi.jpg) ;
}

index.html

style.css

klierik · July 14, 2017

Всё работает как надо — https://jsfiddle.net/klierik/wurmy9nt/

Ищи ошибку у себя

wwt · July 14, 2017

у тебя header пустой и судя по всему размеры не заданы, а фон не растягивает блок.

Daniyar · July 14, 2017

34 минуты назад, wwt сказал:

у тебя header пустой и судя по всему размеры не заданы, а фон не растягивает блок.

.conteiner{
width: 1000px;
margin: 0 auto;
}
header {

background-image: url(scripi.jpg) ;

}

так тоже не работает

klierik · July 14, 2017

Та работает всё — задай блоку высоту

Svetlana_P · July 14, 2017

11 минуту назад, Daniyar сказал:

так тоже не работает

Задайте высоту блоку или добавьте контент. Если у блока не задана высота, то по умолчанию у нее значение auto. Т.е. определяется исходя из контента. Поэтому, если контента нет, то и высота — ноль. Поэтому фон и не видно. Как его может быть видно, если высота — 0 px.

PS Вы бы выкладывали код в песочницу и давали ссылку. Чтобы участникам форума было проще Вам помогать, а Вам быстрее получать помощь.

Daniyar · July 14, 2017

Всем большое спасибо!

Sign In

Не работает background-image

Question

Daniyar

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Daniyar

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Svetlana_P

Link to comment

Share on other sites

Daniyar

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information