为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

叮当猫咪 2018-09-12 10:09:47
<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>因为“显示”和“交互”的区域不完全一致,所以有了这个小白问题请问能够做到这种效果吗?

1 回答

?
白板的微信

TA贡献1883条经验 获得超3个赞

一个简单的css属性,在遮挡层设置:

pointer-events: none;

关于兼容性:


https://img1.sycdn.imooc.com//5bc2f9f40001839111340475.jpg

IE 10+ 可放心使用,IE 10- 请尽情抛弃


查看完整回答
反对 回复 2018-10-14

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号