Html Can';I don’我没法展示我的形象

Html Can';I don’我没法展示我的形象,html,css,hover,position,Html,Css,Hover,Position,我正在创建的页面有问题。我有一个包含一些外部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:ur

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


如果有人能提供一些建议。到目前为止,我已经盯着代码看了整整一个星期,我的大脑有点焦躁不安。这可能是非常明显的事情,我只需要重新审视一下。

您缺少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无关。

您缺少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没有任何关系。

中没有背景图像。arrow\u back
中没有背景图像。
中没有背景图像。arrow\u back
中没有背景图像。我最初在html中有“arrow_blank.png”文件,css添加了背景图像。它适用于向前箭头,但不适用于向后箭头。然后,我尝试在html中为返回箭头添加图像,但它仍然没有显示。我认为这可能是一个位置或z-索引问题,但在chrome的调试器中显示了这些维度,但它不会显示图像***没关系,这是我们服务器的一个错误。它不喜欢图像文件。修复了它。@MattZelenak您有一个示例站点要显示吗?我刚做了一个JSFIDLE,它似乎在chrome中对我有用。图像不是完美的,但悬停状态功能:负片。我最初在html中有“arrow_blank.png”文件,css添加了背景图像。它适用于向前箭头,但不适用于向后箭头。然后,我尝试在html中为返回箭头添加图像,但它仍然没有显示。我认为这可能是一个位置或z-索引问题,但在chrome的调试器中显示了这些维度,但它不会显示图像***没关系,这是我们服务器的一个错误。它不喜欢图像文件。修复了它。@MattZelenak您有一个示例站点要显示吗?我刚做了一个JSFIDLE,它似乎在chrome中对我有用。图像并不完美,但悬停状态功能: