Css 允许在剪辑路径的不可见部分中发生指针事件

我需要找到一种方法，通过一个元素来分派指针事件，该元素在隐藏部分具有clip-path属性。根据HTML规范，这是真的不可能的吗？此外，当容器被设置为溢出隐藏并且我需要捕获隐藏部分上的指针事件时，是否有任何方法来调度指针事件

这两种方法中的任何一种都有效

以下是我需要完成的工作的演示：

HTML:

<div id="container">
  <div id="child">
  </div>
</div>

#container {
  width: 100px;
  height: 100px;
  background: blue;
  position: relative;
/*   overflow: hidden; */
  clip-path: inset(0 0 0 0);
/*  I need either overflow hidden or this clip path to register events just to the right of the green  */
}

#child {
  position: absolute;
  left: 50px;
  top: 0px;
  width: 100px;
  height: 100px;
  background: green;

}

#child:hover {
  background: red;
}

---

这是

的链接不，那是不可能的。该死，这也不可能？你有代码吗？@norcaljohnny我刚刚用代码笔编辑了这篇文章