0

作成中のページに問題があります。いくつかの外部divを含むコントロールを使用したJsサイクルがあり、arrow_backクラスはホバー状態を表示しますが、通常の状態は表示されません。まったく同じコードがarrow_forwardボタン（ネイティブ状態とホバー状態を含む）でも機能します。そのcssは次のとおりです。

.arrow_back{
  width:42px;
  height:42px;
  position:relative;
  z-index:9999;
  left:8px;
  top:-83px;
}
.arrow_back:hover{
  background:url(../images/arrow_back_hover.png) no-repeat;
}
.arrow_forward{
  background:url(../images/arrow_forward.png) no-repeat;
  width:42px;
  height:42px;
  position:relative;
  top:-84px;
  right:-637px;
  z-index:9999;
}
.arrow_forward:hover{
  background:url(../images/arrow_forward_hover.png) no-repeat;
}

およびhtml：

<div class="image">
  <div class="slideshow">
    <img src="images/inside/cycle1.jpg" />
    <img src="images/inside/cycle2.jpg" />
    <img src="images/inside/cycle3.jpg" />
  </div>
</div>
  <div class="controls">
    <img src="images/arrow_back.png" width="42" height="42" class="arrow_back" />
    <img src="images/arrow_blank.png" class="arrow_forward" />
  </div>

誰かがアドバイスを提供できれば。私はこれまで一週間ずっとコードを見つめてきました、そして私の脳は少し乾杯しています。それはおそらく私が新鮮な目を必要としていることは非常に明白なことです。

4

1 に答える 1

3

arrow_backクラスの背景画像がありません。

.arrow_back{
  background:url(../image/arrow_back.png) no-repeat;
  width:42px;
  height:42px;
  position:relative;
  z-index:9999;
  left:8px;
  top:-83px;
}
.arrow_back:hover{
  background:url(../images/arrow_back_hover.png) no-repeat;
}

また、これは実際にはjavascriptとは関係がないため、javascriptタグを削除しました。

于 2012-06-13T17:48:58.133 に答える