Bagaimana untuk menjadikan IE ff Opera menyokong ketelusan Alpha pada masa yang sama_Pertukaran pengalaman

WBOY
Lepaskan: 2016-05-16 12:04:41
asal
1077 orang telah melayarinya

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:
Salin kod Kodnya adalah seperti berikut:

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;*/.
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan