Neprůhlednost mezi prohlížeči - Triky CSS

Anonim

V dnešní době se opravdu nemusíte bát, že by neprůhlednost byla v cross-browseru obtížná věc. Stačí použít vlastnost krytí, například takto:

.thing ( opacity: 0.5; )

0 je zcela průhledný (nebude vůbec viditelný, jako viditelnost: skrytý;) a 1 je zcela neprůhledný (výchozí). Cokoli mezi tím je částečně průhledné.

Z historických důvodů jsme to zvykli dělat takto:

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