Cross Browser Opacity - CSS-tricks

Anonim

Dessa dagar behöver du verkligen inte oroa dig för att opacitet är en svår sak i webbläsaren. Du använder bara opacity-egenskapen, så här:

.thing ( opacity: 0.5; )

0 är helt transparent (kommer inte att synas alls, som synlighet: dold;) och 1 är helt ogenomskinligt (standard). Allt däremellan är delvis transparent.

Av historiska skäl är det så här som vi brukade göra 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; )