CSS Opacité compatible tout navigateur

2 janvier 2010

Ce simple code permet d’obtenir un résultat identique, compatible tout navigateur Web.
HTML:

<div class='opacity'></div>

CSS:

.opacity {
	/* Modern Browsers */
	opacity: 0.7;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape */
	-moz-opacity: 0.7;
	/* Safari 1 */
	-khtml-opacity: 0.7;
}

Ainsi vous obtiendrez un niveau d’opacité compatible tout navigateur.

Categorie: CSS
Mots-clef: , , , , , ,