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前2.0我認爲），filter（IE）等。

最簡單的方法是使用JavaScript框架（如jQuery或Prototype），它們有一個.opacity()函數來處理怪癖。