Question

我正在构建一个正在构建的页面的问题。我有一个带有一些外部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>

如果有人可以提供一些建议。到目前为止，我整个星期都在盯着代码，我的大脑有点敬酒。这可能非常明显，我只需要睁大眼睛。

Answer 1

你错过了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没有任何关系。

无法显示我的图像

1 个答案: