IE8 рендеринга прозрачных pngs FUBARed на моем сайте

Я только что загрузил полную версию IE8, чтобы проверить сайт, который только что создал. [Пример удалено]

Фокусируйтесь на фоновом изображении левой боковой панели. Предположим, что это полупрозрачное изображение .png 1x1, которое повторяется. IE8 делает его градиентом!!! Он становится даже выигрышным, когда вы пытаетесь прокрутить свое окно или мышь - над боковой панелью.

Я уже тестировал этот сайт в обычных браузерах (IE7, Firefox и Chrome). Это выглядит так, как я его разработал. Однако IE8 FUBARed. Я попытался установить IE8 в режим "IE7", но он по-прежнему выглядит дерьмовым. IE 8 в режиме IE7, очевидно, не выполняет то же самое, что и настоящий IE7. Даже "метатег IE7" не работает.

У кого-нибудь еще были проблемы? Я думал, что IE8 должен быть улучшением, а не шагом назад.

P.S. Извините, что на этой странице вы видите дурную разметку. Я использовал функцию "Сохранить всю страницу" IE.

Ответ 1

Это может быть ошибка рендеринга в IE8, или, возможно, это некоторая функция для сглаживания краев повторяющихся изображений, что дает вам неожиданный результат. В любом случае, не удивительно, что у вас возникают проблемы с использованием такого небольшого изображения. Вы понимаете, что браузер должен нарисовать изображение 190152 раз, чтобы отобразить страницу?

Я использую 10 × 10 полупрозрачный png в качестве фона для div на странице, и он отлично отображает в IE8.

Ответ 2

Возможно, вы захотите проверить этот пост.

Ответ 3

Я исправил ошибку, и это не проблема гаммы, упомянутая в этом другом сообщении. Моя проблема вызвана тем, что изображение имеет размер 1x1 пиксель. Я просто изменил его на 1x2, и он исправил проблему. Weird

[править] Просто посмотрел сообщение Гуффа после того, как я спросил об этом. См. Его ответ.

Ответ 4

У меня была аналогичная проблема с сайтом, который я создаю. Проблема произошла только на 50% машин с ie8, на которой она была протестирована, я создавал ее для ИТ-фирмы, поэтому имел доступ к большому количеству компьютеров. Мы смогли "исправить" проблему, переключив аппаратное ускорение на проблемные компьютеры, а не на то, что это действительно исправление.

Ответ 5

Спасибо за помощь по этой проблеме - какая странная ошибка.

Я также сталкивался с проблемой на 50% компьютеров с IE8 (имел доступ к довольно многим машинам). Когда у меня был полупрозрачный png 1x1px, установленный в качестве фонового изображения на div с CSS, IE предоставил бы это как напуганный вертикальный, прозрачный градиент.

Изменение исходного изображения на 5x5px png той же непрозрачности исправило ошибку... go IE!

Ответ 6

Проблема заключалась в том, что мой оригинальный png был 1 × 1, и по какой-либо причине IE8 не нравится пытаться обрабатывать альфа-прозрачность на в то же время. Когда я случайно спас это изображение с гораздо большей копией я был на моем буфере обмена, 100 × 100, он закончился устранение неполадок в Интернете Проводник имел обработку прозрачность pngs.

Источник