Çapraz Tarayıcı Opaklığı - CSS Hileleri

Anonim

Bu günlerde, opaklığın çapraz tarayıcılarda zor bir şey olduğu konusunda endişelenmenize gerek yok. Sadece opaklık özelliğini şu şekilde kullanırsınız:

.thing ( opacity: 0.5; )

0 tamamen şeffaftır (görünürlük gibi hiç görünmeyecektir: gizli;) ve 1 tamamen opaktır (varsayılan). Aradaki her şey kısmen şeffaftır.

Tarihsel nedenlerden dolayı, biz bunu nasıl yapardık:

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