Chrome浏览器（webkit？）在幻灯片放映中不能正确显示图像

我已阅读了一些关于webkit浏览器有关图像问题的文章。我无法找到一篇文章，因此也无法找到我要解释的文章的答案。Chrome浏览器（webkit？）在幻灯片放映中不能正确显示图像

我使用jQuery创建了一个自制的幻灯片，基本上把所有的图像放在一行上，然后我玩一个mask元素（overflow：hidden）和margin-left属性来选择哪一个是被显示。我没有重新发明轮子...

在FF，歌剧甚至IE浏览器，它的作品就像一个魅力！但我没有在Chrome浏览器上运气（我没有测试Safari）：第一张图片显示确定，但是当滑动效果开始播放时，第一张幻灯片的20px-ish保留在幻灯片的顶部并覆盖第二张幻灯片。如果我继续滑动，则第一个滑动部件将保留为以下滑动片的叠加层。 Chrome上的图片无法刷新，因此整个幻灯片看起来都很垃圾。

我试图玩滑动效果后的图像css属性强迫容器刷新其内容，但再次没有运气。

有没有人有如何解决这个问题的想法？

谢谢

来源

2012-09-08 Zaziffic

找到修复...

正如我所说的，试图迫使容器使用一些不同的CSS属性没有工作，刷新其内容。虽然有效的做法是向容器中添加一个span，就是这样......在问题出现的时候，我的容器中只有图片和地图。我添加了一个跨度（运气不好），它马上就起作用了！

我只能假设为什么添加跨度使整个容器行为正常。我想这跟“hasLayout”属性IE6用来投入极客的情况是一样的。直到它有一个具有一致性的元素（高度，宽度...用值设置）之前，它才能正确呈现该元素。

无论如何，我希望这将有助于是的，我也不敢到Chrome浏览器比较IE6 ... ;-)

好日子

来源

2012-09-08 13:07:45 Zaziffic

Chrome浏览器（webkit？）在幻灯片放映中不能正确显示图像

回答

相关问题