Opacité du navigateur croisé - Astuces CSS

Anonim

De nos jours, vous n'avez vraiment pas à vous soucier de l'opacité étant une chose difficile entre les navigateurs. Vous utilisez simplement la propriété opacity, comme ceci:

.thing ( opacity: 0.5; )

0 est totalement transparent (ne sera pas du tout visible, comme visible: hidden;) et 1 est totalement opaque (par défaut). Tout ce qui se trouve entre les deux est partiellement transparent.

Pour des raisons historiques, voici comment nous avons l'habitude de le faire:

.transparent_class ( /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; )