Opasitas Lintas Browser - Trik CSS

Anonim

Hari-hari ini, Anda benar-benar tidak perlu khawatir tentang opasitas menjadi hal yang sulit lintas-browser. Anda cukup menggunakan properti opacity, seperti ini:

.thing ( opacity: 0.5; )

0 benar-benar transparan (tidak akan terlihat sama sekali, seperti visibility: hidden;) dan 1 benar-benar buram (default). Apa pun di antara keduanya transparan sebagian.

Untuk alasan historis, inilah yang biasa kami lakukan:

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