通过层传播悬停事件？

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>