Cross Browser-dekking - CSS-trucs

Anonim

Tegenwoordig hoeft u zich echt geen zorgen te maken dat dekking een moeilijke zaak is in verschillende browsers. Je gebruikt gewoon de ondoorzichtigheidseigenschap, zoals deze:

.thing ( opacity: 0.5; )

0 is volledig transparant (zal helemaal niet zichtbaar zijn, zoals zichtbaarheid: verborgen;) en 1 is volledig ondoorzichtig (standaard). Alles daartussenin is gedeeltelijk transparant.

Om historische redenen is dit hoe we het gewend zijn:

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