La transparence CSS

Combien d'entre-nous ne se sont pas encore penché sur la transparence pour le Web. Difficile problème car en général non-valide. Je ne vous propose malheureusement pas la panacée universelle valide mais apporte un élément de plus j'espère.

Histoire de rester conforme aux traditions, IE fait des siennes, impossible d'avoir un PNG plus ou moins translucide

Depuis quand le Gif prend-t-il le transparence translucide (je sais que cela n'existe pas comme terme)

Les navigateurs ne les prennant pas encore en compte… C'est plus difficile

Enfin une solution qui pointe le bout de son nez. Trois lignes (invalide bien sûr ) permettent d'avoir la translucidité dans ces balises HTML.

filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;

Voili voilà. Ces trois lignes vous permettent d'avoir une balise à 60 pourcent d'opacité.

Première ligne : filtre propriétaire d'IE
Deuxième ligne : filtre propriétaire de Mozilla/Firefox
Troisième ligne : CSS3

Remarque Publié originelement sur Ac-graphic Studio