如何在 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></svg>

此方法模仿pointer-events:none的行为；在 IE9 和 IE10 中。

附加说明：

为了访问底层对象，IE 提供了 document.msElementsFromPoint 方法，该方法返回给定位置处存在的所有图层的数组观点。这项技术允许您与底层元素进行交互，即使它们被上层图层遮挡也是如此。

以上是如何在 Internet Explorer 中启用鼠标传递以实现分层设计？的详细内容。更多信息请关注PHP中文网其他相关文章！