jquery中的旋转木马在Internet Explorer中无法正确滑动，但在其他浏览器中却可以

我在jquery中创建了一个旋转木马 向上或向下滑动一个项目或一组项目

我创建的演示页面每页/幻灯片/可见部分使用1项

但将其扩展到2或3并不难

它还有一些我嵌入的其他特性，但这些对于这个问题并不重要

在Internet Explorer 6或7中使用旋转木马（尚未尝试8） 它提供了所有的功能，但它的滑动比预期的要少

我已经检查了从填充到边距的所有内容，因为我知道这通常是浏览器之间的问题。然而，当你向下滑动一次时，你不会真正看到问题所在，因为它只关闭5或10像素，但如果你开始滑动几次，它就会累积起来

有人能看一看，看看他们是否能找到我没有注意到的东西吗

我无法在本文中添加全部代码，但我添加了一个指向html文件的链接 和一个包含整个代码（包括图像）的zip文件

链接到演示： 链接到来源：

砂光机

编辑 正如我在下面的评论中提到的，我对代码做了一点修改，因为Emily建议我去掉了边距，甚至更进一步，删除了项目之间的所有边距和填充，修复了IMG，以便在颜色发生变化时交替查看项目之间的差异

这让我注意到，即使firefox关闭了5px，但它不会随着页面的每一次更改而增加。而IE6-7则在每次页面更改时添加5像素

链接到已更改的版本：

砂光机

修正后编辑

---

我重新上传了zip文件，现在还包括了从Emily修复后的工作版本。因此，任何想要使用该脚本的人都可以从上面的链接中自由获取该脚本…

这是ie中的双垂直边距错误。因为您使用的是绝对定位，所以只需将其设置为top:16px，而不是将其与边距一起降低

.FotoCarousel .wrapper {
  height:100px;
  position:absolute;
  top:16px;
  width:159px;
}

---

评论后编辑

改变

.FotoCarousel ul li a img {
  display:block;
}

到

---

在内联级元素（a）中包含块级元素（img）在浏览器之间呈现不一致。此外，IE6/7将为下行程序留出空间，即使您只有一个图像而没有文本。

vertical align:bottom

删除了该空间。

只是想告诉您，它在IE8中运行良好。在IE7中，

li

-元素之间似乎存在一个空白问题…我现在稍微更改了代码和css。。。我删除了LI元素之间的空白和填充。交替更改图像，以便轻松查看边框。但问题仍然存在（我注意到即使Firefox关闭了5个像素，但没有像IE6和IE7那样增加错误。我甚至添加了一些日志记录（将使用console.log，但问题与IE有关，因此需要自定义屏幕日志）对于修改后的版本…仍然没有解决，边距消失，top16px就位。这就是修复，非常感谢mutch提供有关渲染的信息，我会记住垂直对齐。再次感谢。

.FotoCarousel ul li a img {
  vertical-align:bottom;
}