0

ホームページに次のコードがあります。

<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 クラス 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でページを開くと、これらのロゴとサブ1の背景画像は両方とも表示されず、その後の画像は表示されますが、ブラウザのアドレスバーに移動してEnterを押すと表示されます. 問題は何ですか、誰でも助けてもらえますか?

4

1 に答える 1

0

画像が見つからない可能性があります。最も可能性の高いあなたのパスの問題。画像が開発者コンソールに読み込まれるかどうかを確認します。

于 2012-08-10T19:42:27.207 に答える