Safari圖像渲染錯誤

Question

是否有其他人遇到過這種情況。每當圖像被瀏覽器顯式加載時，它只顯示圖像的後半部分。然後，當我將鼠標懸停在綠色部分的任何位置時，它立即顯示圖像的其餘部分。

你在這裏看到的是一個<div>背景圖像和<img>位於說<div>內。

我遇到了這個問題使用Safari 3.2.3的Windows和我的同事們已經看到這個使用Mac版本。我已經測試過的其他瀏覽器似乎沒有顯示相同的錯誤。我已經測試過IE8，IE7，IE6，FF3，Chrome和Opera。

讓我知道你是否聽說過任何修復程序。謝謝。

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

Answer 1

嘗試使用PNG圖片代替，如果GIFS

Answer 2

我見過類似這樣的IE問題解決了渲染通過設置高度：1％到受影響的股利或以嵌套在一個元素。儘管我從未在Safari中看到過它。

Answer 3

檢查Firebug中圖像附近的所有元素（是的，我知道問題出在Safari上），並確保它們沒有任何原因導致尺寸錯誤，並且它們都沒有過多的填充物侵入圖像你看不到正確的。此外，嘗試設置overflow: visible;附近的各種元素的風格;過去我已經看到了鼠標懸停閃爍，但沒有什麼是CSS無法克服的。