如何在 Internet Explorer 中模擬 `pointer-events:none`？

在Internet Explorer 中模擬Pointer-Events:none

在Web 開發領域，pointer-events:none CSS 屬性已變成對於 CSS創建允許用戶與底層元素進行互動的互動式覆蓋是必不可少的。然而，Internet Explorer 帶來了挑戰，因為它無法識別指標事件：無。

問題陳述

尋求使用漸變 PNG 疊加增強圖表的開發人員面臨以下問題： Internet Explorer 中的困境。使用pointer-events:none 來保留圖表互動性與瀏覽器缺乏對此屬性的支援發生衝突。因此，IE 上的使用者無法同時享受增強的圖表設計和與圖表互動。

解

雖然一般元素無法辨識pointer-events:none在 IE 中，它支援 SVG 元素。此限制源自於僅為 SVG 元素定義指標事件的規範。

要在 IE 中實作類似指標事件的行為，請考慮將現有元素包裝在 SVG 元素中。為此，您可以利用 jQuery 函式庫提供的 wrap 方法。

代碼示例

CSS:

HTML:

其他注意事項

如果您需要存取兩者對於上層和下層對象，IE 提供了document.msElementsFromPoint 方法。此方法傳回指定點處所有圖層的陣列。

透過了解 Internet Explorer 的這項怪癖，開發人員可以克服這項挑戰，並為所有使用者增強 Web 應用程式的使用者體驗，無論他們的瀏覽器偏好如何.

以上是如何在 Internet Explorer 中模擬 `pointer-events:none`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！