用CSS编写源代码时看不到图像

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

我的CSS代码是

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

而div部分是

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

如果我出错了，你能理解为什么我在浏览器中什么也看不到吗

---

谢谢

您需要在div上添加一个大小。它的大小不存在，因为它没有内容。。。它不使用背景来确定大小，因为它可以重复，等等

您可以使用以下命令在元素上设置高度：

#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*/
}

试试这个：

在css中将宽度和高度设置为任意值，例如：

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

另外，在html中，向div中添加一些内容，例如不间断空格

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

您的div没有维度。如果这是所有的代码，我会说这是因为

div

的高度是0。添加一些填充或特定高度。对不起，我是新手，我该怎么做？在#bar CSS样式中，添加与所需尺寸匹配的宽度和高度属性。宽度不是必需的，只是高度。

#条：grabRightBorder:：pullHardRight（800px）；cssEngine:：sipchoffee（）

好的，谢谢这项工作，您是否知道是否可以在保持高度不变的同时拉伸一个条/图像，这样高度是固定的，但当浏览器缩放时宽度会改变？谢谢你的帮助