Ошибка отображения изображения 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

Попробуйте использовать PNGs вместо этого, если GIFS

Answer 2

Я видел аналогичные вопросы это с IE рендеринга решается установкой высоты: 1% к затронутой ДИВ или к элементу вложенного в него. Я никогда не видел его в Safari.

Answer 3

Осмотрите все элементы рядом с изображением в Firebug (да, я знаю, проблема в Safari) и убедитесь, что ни один из них не имеет неправильного размера по какой-либо причине, и ни у одного из них нет избыточного заполнения, которое портит изображение вы не видите правильно. Кроме того, попробуйте установить overflow: visible; на стиль для различных элементов в окрестностях; В прошлом я видел мерцание мыши, но ничего не удалось преодолеть с помощью CSS.