html - 我在尝试获取 <div></div> 的背景图片时不知所措，它只是不会显示

Question

所以我不确定这里发生了什么，但是当我尝试为此添加背景图片时:

 <div id="navigation">
            <span id="message"> </span>
 </div>

它不会显示它只是什么都不做。当我尝试添加背景颜色时，效果很好!这是 .CSS 代码。

#navigation{
    width: 78.5%;
    height: 23.5%;
    background-image:url("images/Chatwindow.png");  
}

我已经尝试过其他图像，但这些图像也不起作用。该图像在其他地方有效，但此 div 将不允许使用背景图像。我在这里缺少什么？

我也试过:

background-image:url('images/Chatwindow.png');

Answer 1

请确定图片文件的相对路径，相对于css文件。 尝试“/images/Chatwindow.png”或“../images/chatwindow.png”。

实际上你可以打开chrome开发者工具(按F12)，切换到网络选项卡并刷新页面，之后你可以看到图像文件的“状态”，如果显示404则相对路径不正确