Pengetahuan terkait tentang transparansi CSS Alpha. Silakan lihat dulu kode berikut ini:
Kode program
filter:alfa(opasitas=50); /* YAITU */
-moz-opasitas:0,5; /* Moz + FF */
Opacity: 0.5; /* Browser yang mendukung CSS3 (FF 1.5 juga mendukungnya) */
Untuk menjelaskan secara singkat, IE menggunakan atribut private filter:alpha(opacity), Moz Family menggunakan atribut private -moz-opacity, dan atribut standarnya adalah opacity (CSS 3, Moz Family sebagian mendukung CSS3). Nilai berikutnya adalah transparansi, gunakan persentase atau desimal (alfa (opacity)). Gunakan nilai yang lebih besar dari 0 dan kurang dari 100, yang sebenarnya merupakan persentase). Anda tidak melihat Opera dari kode di atas. Benar sekali, Opera belum mendukung opasitas standar, juga belum memiliki properti pribadinya sendiri untuk mendukung transparansi Alpha. Namun, kita tahu bahwa Opera mendukung gambar PNG transparan Alpha (tentu saja Moz Family juga mendukungnya). Jadi kita bisa menggunakan gambar latar belakang untuk mencapai transparansi Alpha.
Kuncinya adalah:
kode program
latar belakang:url transparan(alpha80.png) kiri atas ulangi!penting;
latar belakang:#ccc;
filter:alfa(opasitas=50);
Karena Moz Family mendukung PNG alfa-transparan, kita tidak perlu menggunakan properti pribadinya. Tentu saja, Anda dapat menggunakan opacity standar, tetapi jangan gunakan gambar transparan alfa dan opacity secara bersamaan, jika tidak maka akan menjadi campuran keduanya. Anda dapat mengunduh contoh di atas dan melihat komentar di /*opacity:.5;*/.