Rumah > hujung hadapan web > tutorial css > Menghuraikan pelayar IE, FireFox, Opera menyokong kaedah ketelusan Alpha

Menghuraikan pelayar IE, FireFox, Opera menyokong kaedah ketelusan Alpha

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2018-09-27 18:01:51
asal
1650 orang telah melayarinya

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:

Kod tersebut adalah seperti berikut:
filter:alpha(opacity=50);       /* IE */  
-moz-opacity:0.5;              /* Moz + FF */  
opacity: 0.5;           /* 支持CSS3的浏览器(FF 1.5也支持)*/
Salin selepas log masuk

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);
Salin selepas log masuk

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;*/.

Label berkaitan:
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
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan