JQuery кросс-браузерная непрозрачность (fadeTo) IE 7 & 8 PNG
Я знаю, что эта тема обсуждалась здесь несколько раз, однако моя проблема в другом (или, возможно, я где-то пропустил?).
Моя проблема в том, что мне нужен кросс-браузерный способ установки непрозрачности, чтобы он не показывал черный фон на прозрачных png (IE7 и 8).
Несколько здесь предложили:
$(this).fadeTo(0, 0.5);
однако, как я сказал выше.. он показывает черный цвет на PNG.
Благодарю.
1 ответ
Решение
Я не думаю, что это имеет какое-либо отношение к fadeTo
, что касается общей непрозрачности элемента. По сути, вам нужно заставить IE понять альфа-канал PNG, чтобы он понимал биты, которые должны быть прозрачными, что требует некоторого CSS для IE:
img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}
Подробности (всего пара ссылок; но если вы ищете "IE", "png", "прозрачность", вы найдете огромное количество информации):
- MS KB # 294714
- Прозрачные PNG в IE6 (также относится и к более поздним версиям)