Tverrleser-opasitet - CSS-triks

Anonim

I disse dager trenger du virkelig ikke bekymre deg for at opasitet er en vanskelig ting i nettleseren. Du bruker bare opacity-egenskapen, slik:

.thing ( opacity: 0.5; )

0 er helt gjennomsiktig (vil ikke være synlig i det hele tatt, som synlighet: skjult;) og 1 er helt ugjennomsiktig (standard). Alt imellom er delvis gjennomsiktig.

Av historiske grunner er det slik vi pleide å gjøre det:

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