Png в браузерах IE проблема

Question

У меня есть изображение png внутри DIV, которое постепенно исчезает с помощью кода js.

Это работает во всех основных браузерах, кроме браузеров IE.Я проверил IE6, 7 и 8, и все они выглядят одинаково.

Я даже протестировал с кодом jngascript pngfix, но это не помогло.

Что происходит, когдаИзображение png появляется, но имеет грубые черные края, которые очень толстые.

Я пытался преобразовать png в GIF, но это выглядит ужасно.

Что мне здесь делать?

Спасибо

Answer 1

Это звучит как старая ошибка "IE прозрачные PNG в контейнерах с непрозрачностью". См. здесь для ссылок.

Answer 2

Установите ваше изображение как фоновое изображение в Div с теми же размерами, что и ваше изображение, и используйте следующий CSS:

.divBGImage {background-image:url(/images/image.png); 
    background-repeat:no-repeat;height:34px; width:255px;}
* html .divBGImage { background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/image.png', sizingMethod='crop');
     }

Просто предупреждение, что IE может отрисовывать Fading на PNG. При анимации создает черный контур.

Вы можете использовать другую анимацию для браузеров IE, проверив, является ли ее IE:

if ($ .browser.msie) { // Параметры анимации для плохих браузеров } еще { // Параметры анимации для правильных браузеров }