Question

我正在尝试创建要在div上显示的背景图像。但是，当被呼叫时，它不会显示。但是当我在整个身体上调用它时，图像正在显示。我究竟做错了什么？提前谢谢。

<!DOCTYPE> 
<html>
 <head> 
 <title>CSS image placement</title>
 <style>
#header{
    background-image: url('bg.jpg');
     background-size: cover;
     padding: 0px;
     margin: 0px;
     border: 0px;
    }
 </style>
 </head> 
 <body>
 <div id="header"></div>
 </body>
 </html>

******编辑******

我添加了我编辑的代码，并在您的帮助下再次尝试。当我在div上调用样式时仍然没有运气。

<!DOCTYPE> 
<html>
 <head> 
 <title>CSS image placement</title>
 <style>
#header{
    background-image: url('bg.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     padding: 0px;
     margin: 0px;
     border: 0px;
     width:50px;
     heigth:50px;
}
 </style>
 </head> 
 <body>
 <div id="header" ></div>
 </body>
 </html>

Answer 1

你的#header是0px x 0px大。给它一个尺寸（宽度和高度），你应该是好的。

Answer 2

你忘了设置高度和宽度。

#header{
    background-image: url('bg.jpg');
     background-size: cover;
     padding: 0px;
     margin: 0px;
     border: 0px;
     width:100%;/* what size you need to add here */
     heigth:50%;
}

Answer 3

因为高度和宽度。指定高度和宽度。

身高：自动; 宽度：100％;

并指出不重复。

Answer 4

请给出高度

#header{height: 100px;}

Answer 5

给你的#header一些高度。它会起作用。

试试这个 -

#header {
background:url(image.jpg) no-repeat;
height:50px;
width:50px;
}

BG在调用时不显示

5 个答案: