用CSS编写源时，看不到图像

Question

当我的浏览器中查看页面时，我看不到此图像。

我的CSS代码是

#bar {  
background:url("/Users/Macbook/Desktop/test website/images/bar.png");
}

和DIV部分是;

<div id="bar">
</div>

您能理解为什么我在浏览器中什么都看不到，我犯了一个错误吗？

谢谢

Answer 1

您需要在Div上放置大小。它的尺寸不存在，因为它没有内容...它不使用背景来确定大小，因为它能够重复等等。

。

您可以在元素上设置height：

#bar {
 background:url("/Users/Macbook/Desktop/test website/images/bar.png");
 height:300px; /*Use the value you want can be the height of the background image*/
}

Answer 2

尝试以下：

将您的宽度和高度设置为CSS中的任意值，可以说：

#bar {  
background:url("/Users/Macbook/Desktop/test website/images/bar.png") 
width: 600px;
height: 800px;
}

另外，在您的HTML中，向DIV添加一些东西，例如非破坏空间 

<div id="bar">&nbsp;</div>