javascript - 通过图层传播悬停事件？

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>