jQuery 幻灯片从图像顶部切片

标签 jquery google-chrome slide cut

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

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

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

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

最佳答案

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

关于jQuery 幻灯片从图像顶部切片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6769824/

相关文章:

javascript - 为什么我在这个循环中总是得到相同的输出?

javascript - 如何获取当前点击元素的ID

javascript - Chrome : Tainted canvases may not be exported; Offline-only app

javascript - CanvasRenderingContext2D.drawImage() 在大 Canvas 上的 Chrome 中非常慢

angularjs - 使用 Angular,如何将单击事件绑定(bind)到元素并在单击时向下和向上滑动同级元素?

php - jquery json 不返回值

javascript - 赋予键码 2 个不同的功能

html5 视频元素 1px 白色底部边框 chrome

javascript - Jquery Slide 切换问题

angular - Ionic 2 幻灯片锁定