圖片鏈接高度在Firefox中無法正確呈現

我在使用內容滑塊時遇到了一些問題。我正在使用jQuery.Cycle插件，並且已經設置了所有代碼以使滑塊與自定義尋呼機一起工作。但是，我遇到了HTML問題。在IE 8中查看時，尋呼機按鈕正常工作，您可以單擊下一個，上一個，然後單擊尋呼機中的圖像按鈕移動到特定的幻燈片。在FireFox中查看時，整個圖像不可點擊！只有每個圖像的底部一行像素將激活可點擊區域。圖片鏈接高度在Firefox中無法正確呈現

您可以查看[刪除]所有相關的代碼，但我會在這裏強調最相關的部分：

CSS：

#slider_nav { 
    text-align: center; 
} 

#slider_nav img { 
    margin-top: 1px; 
    margin-left: 10px; 
    margin-right: 10px; 
} 

#slider_pager { 
    display: inline; 
}

HTML

<div id="sliderControls"> 
    <div class="content"> 
     <div id="slider_nav"> 
      <a href="#" id="slider_prev"><img src="/images/slider_arrow_l.png" alt="slider previous button" /></a> 
      <div id="slider_pager"> 
         <!--- Generated by JQCycle ---> 
         <a href="#"><img src="/images/sliderActive.png" /></a> 
         <a href="#"><img src="/images/sliderInactive.png" /></a> 
         <!--- End generated code ---> 
      </div> 
      <a href="#" id="slider_next"><img src="/images/slider_arrow_r.png" alt="slider next button" /></a> 
     </div> 
    </div> 
</div>

謝謝！

來源

2011-03-11 solidau

問題是#slider被定位相對並與sliderControls重疊。我可以通過刪除#slider上的底部填充來修復它。

#slider { 
    padding: 20px 20px 0 20px; 
    height: 205px; 
}

來源

2011-03-11 05:34:55

圖片鏈接高度在Firefox中無法正確呈現

回答

相關問題