javascript - cambia l'alfa di un'immagine

Question

Come posso cambiare l'alfa di un'immagine in javascript? Inoltre, quali browser supportano questo?

Answer 1

utilizzando jQuery:

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

questo sarà il lavoro in tutti i browser.
Tuttavia, non funziona correttamente con immagini PNG semitrasparenti in IE 7 e 8 a meno che non vengano applicate utilizzando un filtro.

Answer 2

Non penso che sia possibile modificare l'alfa dell'immagine stessa, ma è possibile modificarlo dal tag o dal contenitore in cui lo si inserisce.

Le particolari proprietà CSS che uso per questo sono:

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

Answer 3

Il nome della proprietà è opacity ed è supportato da tutti i principali browser, tuttavia in varie forme diverse - opacity, -moz-opacity (FF pre 2.0 credo), filter (IE) e così via.

Il modo più semplice per utilizzare un framework JavaScript come jQuery o Prototype, è una funzione .opacity() che si prende cura delle stranezze.