重叠的div,上层只遮挡下层颜色,不遮挡下层监听器,这样现实吗?

<html>

<body>

    <div style="position:absolute;z-index:999;width:200px;height:200px;background:rgba(0,0,0,0.5)"></div>

    <div style="position:absolute;width:100px;height:100px;background:red" onclick="alert('Clickable!!')"></div>

</body>

</html>

因为“显示”和“交互”的区域不完全一致,所以有了这个小白问题

请问能够做到这种效果吗?


叮当猫咪
浏览 907回答 1
1回答

白板的微信

一个简单的css属性,在遮挡层设置:pointer-events:&nbsp;none;关于兼容性:IE 10+ 可放心使用,IE 10- 请尽情抛弃
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript