Browserübergreifende Deckkraft - CSS-Tricks

Inhaltsverzeichnis

Heutzutage müssen Sie sich wirklich keine Sorgen mehr machen, dass Opazität eine Cross-Browser-schwierige Sache ist. Sie verwenden einfach die Opazitätseigenschaft wie folgt:

.thing ( opacity: 0.5; )

0 ist vollständig transparent (wird überhaupt nicht sichtbar sein, wie Sichtbarkeit: versteckt;) und 1 ist vollständig undurchsichtig (Standard). Alles dazwischen ist teilweise transparent.

Aus historischen Gründen werden wir so verwendet:

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

Interessante Beiträge...