Selaimen läpinäkyvyys - CSS-temppuja

Anonim

Nykyään sinun ei todellakaan tarvitse huolehtia siitä, että peittävyys on vaikea asia selainten kautta. Käytät vain opasiteettiominaisuutta, kuten tämä:

.thing ( opacity: 0.5; )

0 on täysin läpinäkyvä (ei tule ollenkaan näkyviin, kuten visibility: hidden;) ja 1 on täysin läpinäkymätön (oletus). Kaikki välissä oleva on osittain läpinäkyvää.

Historiallisista syistä tapamme tehdä näin:

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