Ошибка рендеринга изображений в Safari

Question

Кто-нибудь еще сталкивался с этим. Всякий раз, когда изображения изначально загружаются браузером, он показывает только последнюю половину изображения. Затем, когда я нащупываю указатель мыши в любом месте зеленой области, он немедленно отображает оставшуюся часть изображения.

Здесь вы видите <div> с фоновым изображением и <img>, расположенные внутри указанного <div>.

Я столкнулся с этой проблемой при использовании Safari 3.2.3 для Windows, и мои коллеги видели это при использовании версии для Mac. Ни один из других браузеров, в которых я это тестировал, похоже, не показывает такую ​​же ошибку. Я тестировал в IE8, IE7, IE6, FF3, Chrome и Opera.

Дайте мне знать, если вы слышали о каких-либо исправлениях. Благодаря.

Ошибка изображения Safari http://www.pixelwhiskey.com/images/safari_image_bug.jpg

Answer 1

Попробуйте использовать PNG вместо GIFS

Answer 2

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

Answer 3

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