通过图层传播悬停事件?

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>