Html 文件在CSS中未找到错误，但未显示背景图像

我已经创建了一个名为

new.css

的外部样式表。它是在

new.html

中链接的，但问题是，图像没有显示。我已将所有三个文件

new.html

、

new.css

和

banner\u bg.png

放在同一个移动资产文件夹中

我是级联样式表的新手，所以请大家帮我解决这个问题。多谢各位

---

您拥有CSS中图像的绝对路径

请改用相对路径：

background-image: url("banner_bg.png");

您的div是绝对定位的，并且没有内容，这意味着它的维度是

0x0

。您需要添加一些高度和宽度（您可能希望在

%

中添加它们）

---

如果出于某种原因您想使用绝对路径，您可以这样做（不推荐使用，因为它对您有效，但对其他人无效）：

您需要删除

位置：绝对位置

并指定要检查的高度（如@pol建议）

请试试这个

.top
{
  background-image:url("https://cdn3.tnwcdn.com/wp-content/blogs.dir/1/files/2015/04/usertesting.jpg");
  width:100%;
  height:500px;
  display:block;
}

---

显示html标记或html标记中的correct.PNG或.PNG我已经这样做了，但仍然存在相同的错误：（您发布在JSFIDLE上的代码包含一个绝对路径，请在背景图像中放置一个相对路径。这取决于您希望它看起来像什么，但您可能不需要绝对位置，所以请删除它，您不需要显示图像的绝对路径，正如您所说，它们都在同一文件夹中，您可以使用

backgr。）ound图像：url（“banner_bg.png”）；

你需要为你要应用它的div定义一些维度，比如

高度：300px；

因为没有任何东西在里面，div会折叠到没有高度是的，我两种方法都试过了，但它仍然显示空白页没有背景图像appearing@Arch8这应该是工作，如果你有html，css，img文件在同一个文件夹。是吗那个div有任何高度和宽度，或者其中有一些内容？尝试添加一些文本。不，它没有任何高度，你能给我吗？例如，我已经这样做了，但它出错了。div也是绝对定位的，没有任何内容。你也需要添加宽度。这很好，但我想从我的本地驱动器获得图像。这是一个简单的修复，只是change文件系统中文件的路径。背景图像：url（“banner_bg.png”）；

background-image: url("file:///E:/Assignment Work/SWP/Assets/mobile assets/banner_bg.png");

.top
{
 height: 500px;
 background-image:url("https://www.hello.com/img_/hello_logo_hero.png");    // Change with this your RELATIVE path
}

.top
{
  background-image:url("https://cdn3.tnwcdn.com/wp-content/blogs.dir/1/files/2015/04/usertesting.jpg");
  width:100%;
  height:500px;
  display:block;
}