jQuery幻灯片切掉图像的顶部

Question

出于某种原因，Chrome 和 Safari 中的幻灯片会切掉我网站上一个滑块上的图像顶部，而不是另一个。每个滑块的代码都有点毛茸茸的，所以你可以在这里看看问题和代码：http://explorevictoria.dreamhosters.com/

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

我已经尝试了几十种与网站该部分周围的填充和边距有关的事情，但似乎没有任何东西可以解决它。

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

Answer 1

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