javascript - 更改图像的alpha

Question

如何在javascript中更改图像的alpha？此外，哪些浏览器支持此功能？

Answer 1

使用jQuery：

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

这适用于所有浏览器。
但是，除非使用过滤器应用，否则在IE 7和8中使用半透明PNG图像将无法正常工作。

Answer 2

我认为您不能更改图像本身的alpha，但您可以从标记或放置它的容器中更改它。

我使用的特定css属性是：

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

Answer 3

该媒体资源的名称为opacity，并受所有主流浏览器支持，但形式各种不同 - opacity，-moz-opacity（我认为FF pre 2.0），filter （IE）等等。

最简单的方法是使用像jQuery或Prototype这样的JavaScript框架，它们有一个.opacity()函数来处理怪癖。