Как я могу изменить альфу изображения в JavaScript? Кроме того, какие браузеры поддерживают это?
Использование jQuery:
$(something).css('opacity', 0.5);
Это будет работать в любом браузере.
Однако он не будет правильно работать с полупрозрачными PNG-изображениями в IE 7 и 8, если они не применяются с помощью фильтра.
Я не думаю, что вы можете изменить альфа-канал самого изображения, но вы можете изменить его из тега или контейнера, в который вы его поместили.
Для этого я использую следующие свойства css:
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
Свойство имеет имя opacity
и поддерживается всеми основными браузерами, однако в различных формах - opacity
, -moz-opacity
(FF до 2.0. Я думаю), фильтр
(IE) и так далее.
Самый простой способ - использовать JavaScript Framework, например jQuery или Prototype, у них есть функция .opacity ()
, которая устраняет причуды.