Bagaimanakah saya boleh meniru `pointer-events: none` dalam Internet Explorer untuk elemen bukan SVG?

Meniru acara penunjuk:tiada dalam Internet Explorer

Internet Explorer menimbulkan cabaran apabila menggunakan sifat CSS pointer-events:none untuk dibenarkan interaksi pengguna dengan elemen berlapis. Sifat ini, yang digunakan untuk mengabaikan peristiwa tetikus untuk elemen tertentu, hanya diiktiraf oleh IE untuk elemen SVG.

Mengatasi Had

Walaupun pengehadan ini, IE menawarkan penyelesaian alternatif. Dengan membungkus elemen sedia ada dalam elemen SVG, anda boleh mengekalkan fungsi yang diingini. Kaedah bungkus jQuery boleh memudahkan proses ini.

Contoh

Andaikan anda ingin menutup carta dengan kecerunan PNG dan mengekalkan interaktiviti carta. Anda boleh melaksanakan ini menggunakan kod berikut:

**CSS:**

#tryToClickMe {
  pointer-events: none;
  width: 400px;
  height: 400px;
  background-color: red;
}

**HTML:**

<svg>

Mengakses Objek Atas dan Dasar

Jika anda perlu berinteraksi dengan elemen di bawah tindanan SVG, pertimbangkan untuk menggunakan document.msElementsFromPoint kaedah dalam IE. Kaedah ini menyediakan tatasusunan semua lapisan pada titik yang ditentukan.

Kesimpulan

Sementara pointer-events:none tidak disokong secara asli dalam IE, menggunakan elemen SVG dan kaedah document.msElementsFromPoint menyediakan penyelesaian yang komprehensif, membolehkan pengguna berinteraksi dengan carta dan mengekalkan reka bentuk yang dipertingkatkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh meniru `pointer-events: none` dalam Internet Explorer untuk elemen bukan SVG?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!