<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS:pointer-events</title> <style type="text/css"> .overlay1 { width:80px; height:20px; background:gold; position:absolute; top:5px; left:5px; opacity:0.5; } .overlay2 { width:80px; height:20px; background:gold; position:absolute; top:40px; left:5px; opacity:0.5; } .pointer{pointer-events:none;}</style> <script type="text/javascript">window.onload = function(){ document.getElementById('chx').onclick = function(){ document.getElementById('a').className = "overlay1 " + ((this.checked)? "pointer" : ""); document.getElementById('b').className = "overlay2 " + ((this.checked)? "pointer" : ""); } }</script> </head> <body> <div id="a" class="overlay1"></div> <div id="b" class="overlay2"></div> <a href="http://mail.sina.com.cn">SinaMail</a> <br/><br/> <span onclick="alert(3);">SinaMail</span> <p> <input id="chx" type="checkbox"> <label for="chx">开启穿透点击</label> </p> </body> </html>
看css发现一个pointer-events:none;的东西
转载文章标签 background absolute position 文章分类 网络安全
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
判断支持pointer-events
return elem.style.pointerEvents === 'auto';} ...
Modernizr pointer-events css 代码片段 Text