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

Question

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

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

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

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

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

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

Благодаря

Answer 1

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

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 может Rending замирания PNG годов. Он создает черный контур во время анимации.

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

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