出于某种原因,Chrome和Safari中的幻灯片正在切换我网站上一个滑块上的图像顶部而不是另一个滑块。每个滑块的代码有点毛茸茸,因此您可以在此处查看问题和代码:http://explorevictoria.dreamhosters.com/
我在同一页面上使用过两次相同的滑块,但这些功能都有自己的变量。在某一点上,这个较小的滑块工作正常,但现在在对页面的其他部分进行一些更改之后,底部滑块中图像的前20个像素被留下了。
我已经尝试了几十个关于网站该部分的填充和边距的事情,似乎没有任何东西可以修复它。
如果有任何不清楚的地方,我可以提供有关此问题的更多信息,但我认为在查看网站时这一点很明显。
答案 0 :(得分:1)
将margin
的{{1}}更改为.slidesmall
,它将停止执行此操作。这似乎是一个浏览器问题,因为如果您在切片后拖动图像或在Chrome中的开发工具内部突出显示该元素,它将变为正常。可能与浏览器有关,认为上面的元素覆盖了margin: 20px auto
的顶部,因此它不会正确地重绘像素。