Mengapakah `fadeIn()` dan `fadeOut()` jQuery Menyebabkan Isu Kelegapan dalam 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);

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!