Почему Internet Explorer меняет этот PNG-файл?

Question

Я создал веб-сайт, и у меня есть этот png-файл, представляющий собой граничное изображение с затенением в виде тени, которое отлично смотрится в Firefox, Chrome, где тени очень тонкие и чистые (как в фотошопе)

но когда я просматриваю это в Internet Explorer (6, 7 или 8), оно показывается следующим образом:

где тень падает как черная (без выцветания) и разъединенная

опять же, это просто чистое изображение на html-странице (не скрипт javascript drop shadow или CSS)

есть ли у кого-нибудь предложение о том, почему изображение png будет отображаться по-другому в Internet Explorer.

Answer 1

Вы случайно не масштабируете изображение по тегу <img />? Если это так, вы можете добавить

img {
   -ms-interpolation-mode: bicubic;
}

к вашему CSS, чтобы заставить IE использовать бикубическую интерполяцию изображений. Это может решить это.

Answer 2

я исправил это с помощью комбинации вещей:

1. Это css:

   img {  
   background: transparent;
   
   -ms-filter:   "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);         /* IE6 & 7 */
   zoom: 1;
   }
   

2. Установка clearType = false в цикле jquery:

   $(function () {
      $('#s1').cycle({ fx: 'fade', speed: 1500, cleartype: false, timeout: 4500 });
    });
   

Answer 3

Прозрачность файлов с файлами .png не полностью поддерживается в версиях IE 6,7,8, и это известная ошибка.Я полагаю, что проблема исправлена ​​в IE9.

Хорошим обходным решением является использование фильтра AlphaImageLoader, который работает во всех версиях IE.Вспомогательная документация и пример работы, которую я успешно использовал в прошлом: http://support.microsoft.com/kb/294714.

Другая работа заключается в преобразовании .png в прозрачный файл .gif.