javascript - изменить альфа изображения

Question

Как изменить альфа изображения в javascript? Кроме того, какие браузеры поддерживают это?

Answer 1

Использование JQuery:

$(something).css('opacity', 0.5); 

Это будет работать в любом браузере.
Однако он не будет работать должным образом с полупрозрачными изображениями PNG в IE 7 и 8, если они не применяются с использованием фильтра.

Answer 2

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

Особые свойства CSS, которые я использую для этого:

filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5; 

Answer 3

Имя свойства является opacity и поддерживается всеми основными браузерами, однако в самых различных формах - opacity, -moz-opacity (FF предварительно 2.0, я думаю), filter (IE) и так далее.

Самый простой способ - использовать JavaScript Framework, например jQuery или Prototype, они имеют функцию .opacity(), которая заботится о причудах.