幻灯片显示在Firefox上的错误位置的图像

我的图像幻灯片显示在铬和资源管理器上的正确位置，但不是与Firefox。图像正确放置在幻灯片放映框中，但在Firefox上，它们位于浏览器的右上方。幻灯片使用JavaScript。幻灯片显示在Firefox上的错误位置的图像

有没有人有任何想法，为什么这是？

html代码：

<div id="slideshow_box" class="clear"> 
      <div class="slides"> 
       <ul> 
        <li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank" </a></li> 
        <li><a href="#"><img src="images/school_work.jpg" alt="school" </a></li> 
        <li><a href="#"><img src="images/haven.jpg" alt="the haven kilmacolm" </a></li> 
       </ul> 
      </div><!--slides--> 
    </div><!--slideshow_box-->

的CSS：

#slideshow_box { 
background: url(../images/slideshow-box.png) no-repeat; height: 312px; margin: 20px auto; 
} 

#slideshow_box .slides ul { 
list-style:none; position:relative; bottom: 50px; left: 40px; width: 750px; height: 250px; overflow: hidden; 
}

任何帮助，将不胜感激:)

来源

2013-04-26 ricky

替换成您的img标签

替换此

<li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank" </a></li>

这个

<li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank"/> </a></li>

这里是jsfiddle

来源

2013-04-26 09:03:48

谢谢，但解决了我的浮动框在ie中的显示问题。多数民众赞成在使用过渡而不是严格的事情，我想大声笑。幻灯片仍然显示在右上角！ – ricky 2013-04-26 09:27:33

你能检测到任何其他方式，Firefox的显示不正确吗？检查上面的评论。谢谢 – ricky 2013-04-26 10:21:06

的.slides ul和#slideshow_box通过62px有高度差。如果要将.slides ul居中在容器内，则底部值应为31px。顺便说一下，我认为如果您还为#slideshow_box定义宽度值会更好。

来源

2013-04-26 09:16:25

#slideshow框是831px宽。我已经添加了这个，并尝试将底部值更改为31px，但在ie和chrome中进行了修改。图片仍然位于浏览器窗口的右上角 – ricky 2013-04-26 09:35:12

幻灯片显示在Firefox上的错误位置的图像

回答

相关问题