Safari图像渲染bug

Question

有没有其他人遇到过这个。每当图像被浏览器初始加载时，它只显示图像的后半部分。然后，当我将鼠标悬停在绿色部分的任何位置时，它会立即显示图像的其余部分。

您在此处看到的是<div>，其中包含背景图片，<img>位于所述<div>内。

我使用Safari 3.2.3 for Windows遇到了这个问题，我的同事们已经使用Mac版本看到了这个问题。我测试过的其他浏览器似乎都没有显示出同样的错误。我已经在IE8，IE7，IE6，FF3，Chrome和Opera中进行了测试。

如果您听说过任何修复，请与我们联系。感谢。

Safari Image Bug http://www.pixelwhiskey.com/images/safari_image_bug.jpg

Answer 1

如果是GIFS，请尝试使用PNG

Answer 2

通过设置高度：1％到受影响的div或嵌套在其中的元素，我已经看到了与IE渲染类似的问题。我在Safari中从未见过它。

Answer 3

检查Firebug中图像附近的所有元素（是的，我知道问题出在Safari中），并确保它们都没有出于任何原因的错误大小，并且它们都没有过多的填充会侵占图像'没有正确看到。另外，尝试在附近的各种元素的样式上设置overflow: visible;;我在过去看过鼠标悬停，但没有用CSS无法解决的问题。