我已经阅读了一些有关图像问题的webkit浏览器的帖子。我找不到一个帖子，因此找到了我即将解释的答案。
我使用jQuery创建了一个自制幻灯片，它基本上将所有图像放在一行上，然后我使用一个掩码元素（overflow：hidden）和margin-left属性来选择哪一个是显示。我没有重新发明轮子......
在FF，Opera甚至IE上，它都像魅力一样！但是我在Chrome上没有运气（我没有测试Safari）：第一张图片显示确定但是当滑动效果开始时，第一张幻灯片的20px-ish仍保留在幻灯片的顶部并覆盖第二张幻灯片。如果我继续滑动，第一个滑动部分将保留为以下幻灯片的叠加层。 Chrome上的图像无法刷新，这使得整个幻灯片显示垃圾。
我试图在滑动效果之后使用图像css属性来强制容器刷新其内容但是再次没有运气。
有人知道如何解决这个问题吗？
谢谢
答案 0 :(得分：0)
找到修复程序......
正如我所说，试图强制容器使用一些不同的css属性刷新其内容不起作用。 虽然有效的是在容器中添加一个跨度，就是这样......在发布问题时，我的容器中只有图像和地图。我添加了一个跨度（运气不好），它立即就可以了！
我只能假设为什么添加span会使整个容器运行正常。我猜这有点像IE6曾经向极客抛出的“hasLayout”属性。在元素具有一致性（高度，宽度......设置为值）之前，它无法正确渲染元素。
无论如何，我希望这会有所帮助，是的，我敢于将Chrome与IE6进行比较......; - ）
美好的一天