Bagaimanakah Saya Boleh Mensimulasikan `pointer-events:none` dalam Internet Explorer?

Meniru Pointer-Events:tiada dalam Internet Explorer

Internet Explorer kekurangan pengiktirafan untuk pointer-events:none; harta boleh menghalang keupayaan pengguna untuk berinteraksi dengan elemen berlapis. Isu ini timbul apabila PNG kecerunan digunakan pada carta, mewujudkan div tindanan yang menghalang interaksi pengguna. Artikel ini meneroka penyelesaian yang membolehkan peristiwa tetikus melalui elemen dalam IE, seolah-olah pointer-events:none; sedang digunakan.

Penyelesaian

Internet Explorer hanya mengenali pointer-events:none; untuk elemen SVG, mengikut spesifikasi W3C. Untuk mencontohi gelagat ini bagi elemen bukan SVG, penyelesaian yang berdaya maju ialah membungkusnya dalam elemen SVG.

CSS:

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

HTML:

<svg>

Sebagai alternatif, jika anda ingin mengakses objek di atas dan di bawah, Internet Explorer menyediakan kaedah document.msElementsFromPoint, yang mengembalikan tatasusunan semua lapisan yang terletak pada titik tertentu.

Kesimpulan

Dengan menggunakan teknik ini, adalah mungkin untuk mencapai kefungsian yang serupa dengan pointer-events:none; dalam Internet Explorer, membenarkan interaksi pengguna yang dipertingkatkan walaupun elemen berlapis.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mensimulasikan `pointer-events:none` dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!