CSS - Transparence et Opacité en CSS | CSS Opacity Transparency

Comment créer un effet de transparence sur un élément, en css, qui fonctionne sous tous les navigateurs ?

Tout simplement :
opacity:0.4;
filter:alpha(opacity=40);

Vous pouvez, bien entendu, modifier la valeur par ce qu'il vous plaira. L'arguement opacity doit être inférieur ou égal à 1, et filter:alpha(opacity doit être égal ou inférieur à 100.

 

Par exemple :
<img src='image.jpg' style='opacity:0.4;filter:alpha(opacity=40)'  />

Pour l'utilisation en mouseover (javascript) :
<img src='image.jpg' style='opacity:0.4;filter:alpha(opacity=40)' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' />


Pour plus d'informations / détails :

http://www.w3schools.com/

 
Gpenverne

Gpenverne

Développeur backend symfonien, qui trouve toujours moyen de faire des machins avec des bidules même si ce n'est pas utile.

Read More