Krycie między przeglądarkami - CSS-Tricks

Anonim

W dzisiejszych czasach naprawdę nie musisz się martwić, że krycie jest trudną rzeczą dla różnych przeglądarek. Po prostu użyj właściwości krycia, na przykład:

.thing ( opacity: 0.5; )

0 jest całkowicie przezroczyste (w ogóle nie będzie widoczne, jak visibility: hidden;), a 1 jest całkowicie nieprzezroczyste (domyślnie). Wszystko pomiędzy jest częściowo przezroczyste.

Z powodów historycznych robiliśmy to w następujący sposób:

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