我有以下代码:
<body>
<div id="div1" style="position: absolute;"></div>
<div id="div2" onmouseover="not handling"></div>
</body>
onmouseover。我假设div1处理onmouseover事件并将其推迟到主体(因为主体是父元素)。我无法将div1更改为div2的“子级”。有任何想法吗？编辑:div1是半透明的，并且必须始终可见，并且div2用颜色填充(不透明)。 div2也始终可见，因为div1是半透明的。我不能在div2中包含div1。
最佳答案
堆叠顺序最高的元素(最大z索引)将收到onmouseover事件。
为了获得理想的效果，将div2包裹在另一个具有最高z索引的div中，使div2的z索引比覆盖图的低。
由于div3与div2具有相同的边界框，因此我们向其附加了onmouseover事件，并让事件处理程序对div2起作用。
<body>
<div id="div1" style="position: absolute; z-index: 10; left:0; top; 0; width: 100%; height: 100%; opacity: 0.25; background-color: black;"></div>
<div id="div3" style="z-index: 20; position: relative;">
<div id="div2" style="z-index: 0; position: relative;">
</div>
</div>
</body>
关于javascript - 如何使用绝对位置在div上的javascript中忽略Onmouseover，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2221761/