Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Memaksa WebKit untuk Mengecat Semula dan Menggunakan Perubahan Gaya?

Bagaimanakah Saya Boleh Memaksa WebKit untuk Mengecat Semula dan Menggunakan Perubahan Gaya?

DDD
Lepaskan: 2025-01-01 00:31:10
asal
455 orang telah melayarinya

How Can I Force WebKit to Repaint and Apply Style Changes?

Memaksa Pengecatan Semula WebKit untuk Menggunakan Perubahan Gaya

Dalam senario tertentu, perubahan gaya JavaScript mungkin gagal disebarkan dalam penyemak imbas WebKit seperti Chrome dan Safari. Ini boleh berlaku apabila memanipulasi kelas atau gaya sesuatu elemen, terutamanya jika elemen yang terjejas berkongsi hubungan ibu bapa dan adik beradik.

Untuk menangani perkara ini, penyelesaian boleh digunakan untuk memaksa WebKit melakukan lukisan semula atau mengecat semula, oleh itu menyebarkan perubahan gaya. Seorang pengguna bernama Vasil Dinkov menemui penggodaman mudah yang melibatkan menogol sifat paparan elemen yang terjejas:

sel.style.display='none';
sel.offsetHeight; // no need to store this anywhere, the reference is enough
sel.style.display='';
Salin selepas log masuk

Dengan menyembunyikan sementara elemen dan kemudian memaparkannya semula, kod ini memaksa WebKit mengecat semula elemen, memastikan bahawa perubahan gaya digunakan. Ambil perhatian bahawa penyelesaian ini telah dilaporkan berfungsi dengan berkesan untuk gaya seperti "blok." Ujian lanjut disyorkan untuk menentukan kesesuaiannya pada jenis gaya lain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaksa WebKit untuk Mengecat Semula dan Menggunakan Perubahan Gaya?. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan