jQuery PNG переход с альфа

Question

У меня проблема, я исследовал уже около 1 месяца, и ничего не получалось.

У меня есть Image Slider с jQuery, и когда происходит переход, альфа на изображениях становится чёрным, я знаю, что Internt Explorer в данный момент поддерживает только одну альфу, и именно поэтому я получаю эту ошибку, но id хотел бы знать, если есть какое-то решение

сайт: http://www.posavasos.pe/kontiki, в данный момент я использую изображения без альфы, поэтому границы выглядят глючно

Answer 1

Internet Explorer 6 и ниже не поддерживают альфа-канал должным образом, как вы уже заявили.К сожалению, не существует исправления, которое будет работать в сценарии, в котором вы пытаетесь применить его, учитывая сложности, связанные с этим.

Учитывая, что IE6 сегодня используется значительно реже, моей лучшей рекомендацией было бы отказаться от попыток сделать ваш сайт обратно совместимым «настолько далеко», и вместо этого предоставить сообщение на вашем сайте пользователям, которые имеют IE6, в котором говоритсячто-то вроде «Эта веб-страница была разработана для использования с Internet Explorer 7 или выше. Пожалуйста, обновите ...» и т. д. и предоставьте ссылки для обновления и альтернативные браузеры на Safari, Chrome, Firefox и Opera.

Answer 2

IE7 и 8 поддерживают прозрачные pngs, но они ломаются, если вы применяете к ним прозрачность. Я не уверен насчет IE9, но так как он имеет встроенную поддержку непрозрачности, он может работать.

Единственное решение, которое я знаю, это вложить два элемента div с размерами изображения. Используйте старый синтаксис фильтра , чтобы применить изображение в качестве фона для внутреннего div, затем примените альфа к внешнему div.

Можно использовать только один div, но библиотеки вроде jQuery не поддерживают несколько фильтров (а IE7 / 8 требует, чтобы вы установили фильтр для непрозрачности и один для изображения).