0

我已经阅读了很多关于 webkit 浏览器存在图像问题的帖子。我找不到帖子，因此找不到我要解释的答案。

我使用 jQuery 创建了一个自制的幻灯片，它基本上将所有图像彼此相邻放置在一行中，然后我使用遮罩元素（溢出：隐藏）和 margin-left 属性来选择要显示的图像。我没有重新发明轮子...

在 FF、Opera 甚至 IE 上，它就像一个魅力！但是我在 Chrome 上没有运气（我没有测试 Safari）：第一张图片显示正常，但是当滑动效果开始时，第一张幻灯片的 20px-ish 保留在幻灯片的顶部并覆盖第二张幻灯片。如果我继续滑动，则第一个幻灯片部分将保留为以下幻灯片的叠加层。图像在 Chrome 上无法正常刷新，这使得整个幻灯片看起来很垃圾。

我尝试在滑动效果后使用图像 css 属性来强制容器刷新其内容，但同样没有运气。

有没有人知道如何解决这个问题？

谢谢

4

1 回答 1

0

找到修复...

正如我所说，试图强制容器使用一些不同的 css 属性刷新其内容是行不通的。但有效的是向容器添加跨度，就是这样......在问题发生时，我的容器中只有图像和地图。我添加了一个跨度（不走运），它立即起作用了！

我只能假设为什么添加跨度会使整个容器表现良好。我想这有点像 IE6 用来扔给极客的“hasLayout”属性。在元素具有一致性（高度、宽度......设置一个值）之前，它无法正确渲染元素。

无论如何，我希望这会有所帮助，是的，我确实敢于将 Chrome 与 IE6 进行比较...... ;-)

再会

于 2012-09-08T13:07:45.247 回答