如何在 Internet Explorer 中啟用滑鼠傳遞以實現分層設計？

IE 模擬：透過指標事件啟用滑鼠傳遞

指標事件讓您與底層元素交互，而不會被覆蓋層阻礙。雖然 HTML5 定義了pointer-events:none;，但 Internet Explorer 無法辨識此屬性。這在使用分層設計時帶來了挑戰，阻止 IE 用戶存取必要的互動。

解決方案：

Internet Explorer 僅支援指定的 SVG 元素的指標事件在 W3C 規範中。但是，可以透過將現有元素包裝在 SVG 中來克服此限制。

實作：

1. CSS：

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

2. HTML:

   <svg>

此方法模仿pointer-events:n和IE10 中。

附加說明：

為了存取底層對象，IE 提供了 document.msElementsFromPoint 方法，該方法傳回給定位置處存在的所有圖層的陣列觀點。這項技術可讓您與底層元素進行交互，即使它們被上層圖層遮蔽也是如此。

以上是如何在 Internet Explorer 中啟用滑鼠傳遞以實現分層設計？的詳細內容。更多資訊請關注PHP中文網其他相關文章！