图片链接高度在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中无法正确呈现

回答

相关问题