Menghuraikan pelayar IE, FireFox, Opera menyokong kaedah ketelusan Alpha

Bab ini akan menganalisis cara penyemak imbas IE, FireFox dan Opera menyokong ketelusan Alpha Ia mempunyai nilai rujukan tertentu, saya harap ia akan membantu anda.

Sila lihat kod berikut dahulu:

filter:alpha(opacity=50);       /* IE */  
-moz-opacity:0.5;              /* Moz + FF */  
opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/

Penjelasan mudah, IE menggunakan penapis atribut peribadi:alpha( kelegapan), Keluarga Moz menggunakan atribut peribadi -moz-kelegapan dan atribut standard ialah kelegapan (CSS 3, Keluarga Moz menyokong sebahagian CSS3). Nilai berikut ialah ketelusan, peratusan penggunaan atau perpuluhan (alfa (kelegapan)).

Anda tidak melihat Opera daripada kod di atas. Betul, Opera belum lagi menyokong kelegapan standard, dan juga tidak mempunyai sifat peribadinya sendiri untuk menyokong ketelusan Alpha.

Walau bagaimanapun, kami tahu bahawa Opera menyokong imej PNG lutsinar Alpha (sudah tentu Keluarga Moz turut menyokongnya). Jadi kita boleh menggunakan imej latar belakang untuk mencapai ketelusan Alpha.

Contoh: http://realazy.org/lab/alpha/

Kuncinya ialah:

Kodnya adalah seperti berikut:

background: transparent url(alpha80.png) left top repeat!important;  
background: #ccc;  
filter:alpha(opacity=50);

Memandangkan Keluarga Moz menyokong PNG lutsinar Alpha, kami tidak perlu menggunakan sifat peribadinya. Sudah tentu, anda boleh menggunakan kelegapan standard, tetapi jangan gunakan imej telus alfa dan kelegapan pada masa yang sama, jika tidak, ia akan menjadi campuran kedua-duanya. Anda boleh memuat turun contoh di atas dan lihat ulasan /*opacity: .5;*/.