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 回答