無法讓我的圖像顯示

Question

我遇到了我正在構建的頁面的問題。我有一個Js循環，帶有一些包含外部div的控件，而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沒有任何關係。