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中有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

您的图片可能无法找到。很可能是你的路径问题。检查图像是否在开发人员控制台中加载。

css背景图像不显示

1 个答案: