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

Risewill · April 4, 2013

У меня возникла проблема подобного характера. Код html имеет такой вид

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN" "[url="http://www.w3.org/TR/html4/loose.dtd%22>"]http://www.w3.org/TR...ml4/loose.dtd">[/url]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content=""/>
<meta name="description" content="" />

<link href="css/style1.css" rel="stylesheet" type="text/css">

</head>
<body>
<div class="contentmain">
</div>
</body>

</html>

В css прописано следующее:

@charset "utf-8";

body {

margin: 0px;
padding: 0px;
background-color: #e2b424;
}

.contentmain {
width: 960px;
margin: 0 auto;
background-image: url(block-1_shape.jpg);
position: relative;

}

Если я так оставляю, то в теге <div> не появляется картинка. Если же я прописываю background-image: url(block-1_shape.jpg); для тега <body>,

body {

margin: 0px;
padding: 0px;
background-color: #e2b424;
background-image: url(block-1_shape.jpg);
}

то картинка появляется нормально в качестве фона. Объясните пожалуйста, как сделать так, чтобы background-image сработал для стиля contentmain тега <div>?

Edited April 4, 2013 by alexriz
Новый вопрос - новая тема!

wwt · April 4, 2013

Добавить этому блоку высоту может быть? )) Фон не растягивает блок по высоте и вы её не задали.

Sign In

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

Question

Risewill

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

wwt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information