通过层传播悬停事件？

Question

我的互动背景被覆盖层覆盖。当用户将鼠标悬停在这些元素上时，将仅为叠加层触发悬停事件。是否可以同时触发两个元素的悬停事件？

Answer 1

您可以使用pointer-events: none;

#first-div {
  background-color: red;
  width: 200px;
  height: 200px;
}

#first-div:hover {
  background-color: blue;
}

#second-div {
  background-color: yellow;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

<div id="first-div"></div>
<div id="second-div"></div>