Mengapakah FadeIn/FadeOut jQuery Mempunyai Isu Kelegapan dalam Internet Explorer, dan Bagaimana Saya Boleh Membetulkannya?

Menyelesaikan Keanehan Kelegapan Fade In dan Fade Out jQuery dalam Internet Explorer

Apabila menggunakan tindanan CSS menggunakan animasi fadein dan fadeout jQuery, pengguna mungkin menghadapi tingkah laku yang tidak dijangka dalam Internet Explorer. Isu ini nyata sebagai peralihan segera kepada latar belakang legap apabila fadeIn dan pemaparan warna pepejal seketika pada fadeOut sebelum penyingkiran tindanan.

Punca dan Penyelesaian

Anomali ini berpunca daripada perbezaan keserasian pelayar. Untuk menanganinya dalam Internet Explorer, adalah perlu untuk menetapkan kelegapan elemen tindanan menggunakan JavaScript sebelum menggunakan fungsi fadein. Proses ini memastikan bahawa kelegapan awal diwujudkan, menghalang peralihan mendadak.

Sebagai contoh, pertimbangkan kod ini:

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

Di sini, kelegapan kelas 'tindihan' ditetapkan kepada 40% menggunakan sifat 'penapis' sebelum animasi fadeIn dicetuskan. Pendekatan ini secara berkesan menghapuskan isu yang disebutkan di Internet Explorer.

Atas ialah kandungan terperinci Mengapakah FadeIn/FadeOut jQuery Mempunyai Isu Kelegapan dalam Internet Explorer, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!