Pengetahuan tentang transparansi alpha CSS. Silakan lihat kode berikut:
Kode Program
filter: alpha (opacity = 50); / * yaitu * /
-Moz-opacity: 0,5; / * moz + ff * /
Opacity: 0.5; /* Browser yang mendukung CSS3 (ff 1.5 juga mendukungnya)* /
Penjelasan singkat, IE menggunakan filter properti pribadi: alpha (opacity), Moz Family menggunakan properti pribadi -Moz -opacity, dan properti standar adalah Opacity (CSS 3, keluarga Moz sebagian mendukung CSS3). Nilai berikut adalah transparansi, menggunakan persentase atau desimal (alpha (opacity)) untuk menggunakan nilai lebih besar dari 0 dan kurang dari 100, yang sebenarnya merupakan persentase). Dari kode di atas Anda tidak melihat opera. Ya, Opera tidak mendukung opacity standar, juga tidak memiliki properti pribadinya yang dapat mendukung alpha transparan. Namun, kita tahu bahwa Opera mendukung gambar PNG transparan alfa (tentu saja keluarga Moz juga mendukungnya). Jadi kita dapat menggunakan gambar latar belakang untuk mencapai efek transparan alfa.
Kuncinya adalah:
Kode Program
Latar Belakang: URL Transparan (Alpha80.png) TOP RECEAL TOP! PENTING;
Latar Belakang: #CCC;
filter: alpha (opacity = 50);
Karena keluarga Moz mendukung PNG transparan alfa, tidak perlu menggunakan properti pribadinya. Tentu saja, Anda dapat menggunakan opacity standar, tetapi jangan menggunakan gambar transparan alfa dan opacity secara bersamaan, karena ini akan menjadi campuran dari keduanya. Anda dapat mengunduh contoh di atas dan kemudian memeriksa komentar untuk /*opacity:.5 ;*/.