image - CSS背景图像不显示

Question

我在主页上有以下代码：

<ul id="slides1">
<li>
<!-- About-->
<a href="index.html"><div class="logo"></div></a>
<div class="sub1"> </div>
<a href="#" style="display:block;"> <img src="images/nadpisi/about.png" class="nadpis1"></a>
<img id="i1" src="images/MiddleBg/first.jpg"/>
</li>
</ul>

在这里，我在 class=logo 中有徽标，并且 div class sub1 在 css 文件中有背景图片：

.sub1{
  background-image: url(../images/sub1/about.png);
  width: 600px;
  height: 100px;
  position: absolute;
  z-index: 7;
  top: 270px;
  margin-left: 490px;
  background-repeat: no-repeat; 
  }
  .logo {
    background-image: url(../images/LOGO.png);
     width: 229px;
     height: 129px;
     background-repeat: no-repeat;
     position: absolute;
     z-index: 10;
     top: 80px;
     margin-left: 490px;
     }

当我用 Chrome 打开页面时，这些徽标和 sub1 背景图像都不会显示，但会显示它们之后的图像，但是当我转到浏览器的地址栏并按 Enter 时，它们会显示。什么问题，谁能帮忙？

Answer 1

可能找不到您的图像。最有可能是您的路径有问题。检查图像是否在开发者控制台中加载。