Mengapakah `fadeIn()` dan `fadeOut()` jQuery Menyebabkan Isu Kelegapan dalam Internet Explorer?

Linda Hamilton
Lepaskan: 2024-11-22 12:57:11
asal
874 orang telah melayarinya

Why Do jQuery's `fadeIn()` and `fadeOut()` Cause Opacity Issues in Internet Explorer?

Isu IE dengan jQuery FadeIn dan FadeOut Opacity

Apabila menggunakan fungsi fadein dan fadeout jQuery untuk tindanan CSS dalam Internet Explorer (IE), pengguna mungkin menghadapi tingkah laku yang tidak dijangka. Daripada peralihan yang lancar, IE mempamerkan perubahan kelegapan serta-merta dan menjadikan halaman sebagai warna pepejal semasa fadeout.

Sebab Isu

Isu ini berlaku kerana IE mengendalikan kelegapan berbeza berbanding pelayar lain. Tanpa sebarang tetapan kelegapan sebelum ini, IE secara tiba-tiba bertukar kepada kelegapan penuh semasa fadein dan menghasilkan warna pepejal apabila mengalih keluar tindanan semasa fadeout.

Penyelesaian

Untuk menyelesaikan isu ini, laraskan kelegapan DIV tindanan dalam JavaScript sebelum menggunakan fadeIn():

$('.overlay').css('filter', 'alpha(opacity=40)');
$('.overlay').fadeIn(500);
Salin selepas log masuk

Menetapkan kelegapan sebelum fadein memberitahu IE tahap kelegapan permulaan yang diingini, memberikan peralihan beransur-ansur. Penyelesaian ini digunakan terutamanya pada DIV biasa dan bukan PNG telus.

Atas ialah kandungan terperinci Mengapakah `fadeIn()` dan `fadeOut()` jQuery Menyebabkan Isu Kelegapan dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan