Hari ini kita akan belajar tentang ketelusan CSS Alpha bersama-sama.
Pengetahuan berkaitan tentang ketelusan Alpha CSS. Mula-mula, sila lihat kod berikut:
Salin kod Kod tersebut adalah seperti berikut:
filter:alpha(opacity= 50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* Pelayar yang menyokong CSS3 (FF 1.5 juga menyokong ) */
Penjelasan ringkas, IE menggunakan penapis atribut peribadi:alpha(opacity), Keluarga Moz menggunakan atribut peribadi -moz-opacity dan atribut standard ialah kelegapan (CSS 3, Keluarga Moz sebahagiannya menyokong CSS3). Nilai berikut ialah ketelusan, penggunaan peratusan 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.
Kuncinya ialah:
latar belakang:url telus(alpha80.png) ulangan atas kiri! penting;
latar belakang:#ccc;
penapis:alpha(opacity=50); PNG lutsinar alfa, Jadi kita 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;*/.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
