Neprozirnost - CSS-trikovi | CSS Almanah 2025

opacityNekretnina u CSS navodi kako transparentni element je.

Osnovna upotreba:

div ( opacity: 0.5; )

Neprozirnost ima zadanu početnu vrijednost 1 (100% neprozirno). Neprozirnost se ne nasljeđuje, već zato što roditelj ima neprozirnost koja se odnosi na sve u njemu. Ne možete podređeni element učiniti manje transparentnim od roditeljskog, bez nekih trikova. Vrijednosti su broj od 0 do 1 koji predstavlja neprozirnost kanala („alfa“ kanal). Kada element ima vrijednost 0, element je potpuno nevidljiv; vrijednost 1 je potpuno neprozirna (čvrsta).

Pogledajte ovu olovku!

IE kompatibilnost

Ako želite da neprozirnost radi u svim verzijama IE-a, redoslijed bi trebao biti sljedeći:

.opaque ( /* Theoretically for IE 8 & 9 (more valid) */ /*… but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8 /* This works in IE 8 & 9 too */ /*… but also 5, 6, 7 */ filter: alpha(opacity=50); // IE 5-7 /* Modern Browsers */ opacity: 0.5; )

Ako ne upotrijebite ovu narudžbu, IE8-kao-IE7 ne primjenjuje neprozirnost, iako to čine IE8 i čisti IE7.

Napomena o slaganju konteksta

Ako opacityse pozicionira element s vrijednošću manjom od 1, z-indexsvojstvo se primjenjuje kako je opisano u CSS2.1, osim što se autovrijednost tretira kao 0 jer se uvijek stvara novi kontekst slaganja.

Neprozirnost se može koristiti kao alternativa visibilitysvojstvu: visibility: hidden;upravo je poput opacity: 0;.