jQuery 幻灯片从图像顶部切片

Question

出于某种原因，Chrome 和 Safari 中的幻灯片会切掉我网站上一个 slider 上的图像顶部，而不是另一个 slider 。每个 slider 的代码都有点复杂，因此您可以在此处查看问题和代码:http://explorevictoria.dreamhosters.com/

我在同一页面上使用了同一个 slider 两次，但这些函数有自己的变量。这个较小的 slider 曾一度工作正常，但现在在对页面其他部分进行一些更改后，底部 slider 中图像的前 20 个像素被抛在了后面。

我已经尝试了几十种与网站该部分周围的填充和边距有关的方法，但似乎没有任何解决办法。

如果有任何不清楚的地方，我可以提供有关该问题的更多信息，但我认为在查看网站时它会很明显。

Answer 1

将 .slidesmall 的 margin 更改为 margin: 20px auto 并且它将停止执行此操作。这似乎是一个浏览器问题，因为如果您在 Chrome 中的开发工具中拖动图像或突出显示切片后的元素，它将变得正常。可能与浏览器认为上面的元素覆盖了 div 的顶部部分有关，因此它无法正确地重绘像素。