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

Question

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

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

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

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

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

Answer 1

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

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

Answer 2

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

[править] Только что увидел пост Гуффы после того, как я спросил это. Смотри его для ответа.

Answer 3

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

Answer 4

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

Источник

Answer 5

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

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

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

Answer 6

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