Opacitatea browserului încrucișat - CSS-Tricks

Anonim

În zilele noastre, nu trebuie să vă faceți griji că opacitatea este un lucru dificil în browser. Pur și simplu folosiți proprietatea opacitate, astfel:

.thing ( opacity: 0.5; )

0 este complet transparent (nu va fi deloc vizibil, cum ar fi vizibilitate: ascuns;) și 1 este total opac (implicit). Orice lucru din mijloc este parțial transparent.

Din motive istorice, așa obișnuim să o facem:

.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; )