zoukankan      html  css  js  c++  java
  • 看css发现一个pointer-events:none;的东西

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>CSS:pointer-events</title>
    <style type="text/css">
        .overlay1 {
            80px;
            height:20px;
            background:gold;
            position:absolute;
            top:5px;
            left:5px;
            opacity:0.5;
        }
        .overlay2 {
            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>

    http://www.cnblogs.com/snandy/archive/2011/03/17/1986807.html

  • 相关阅读:
    Eclipse 插件安装、升级和卸载的方法
    Eclipse中Spring插件的安装
    为eclipse离线安装hibernate tools插件
    Eclipse中Hibernate插件的安装
    Nginx安装配置
    app自动更新(android)
    PhoneGap应用图标icon和启动页面SplashScreen
    highcharts图表的图例legend
    安装android的sdk
    设置全屏
  • 原文地址:https://www.cnblogs.com/diligenceday/p/3494150.html
Copyright © 2011-2022 走看看