zoukankan      html  css  js  c++  java
  • css 弹出层-透明层

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>透明层-弹出层</title>
    <style>
    *{margin:0;padding:0;}
    .main{100%; height:1000px;}
    .div1{
    top:0;
    left:0;
    100%;
    height:1000px;
    position:absolute;
    z-index:10;

    }
    .div2{
    100%;
    height:1000px;
    z-index:-1;
    position:absolute;
    /**透明层*/
    background:#000000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    }
    .div3{
    margin-left:100px;
    100px;
    height:200px;
    background:yellow;
    }
    </style>
    </head>
    <body >
    <div class="main">dsadd</div>
    <div class="div1">

    <!-- 因为子元素会继承父元素的透明层opacity 所以定义一个空div作为透明层 -->

    <div class="div2"></div>
    <div class="div3">wqeqwe</div>
    </div>
    </body>
    </html>

  • 相关阅读:
    LIS
    原根
    数三角形
    组合数问题
    最短路问题
    2020总结
    树状数组
    康托展开
    LCA
    并查集
  • 原文地址:https://www.cnblogs.com/jalja/p/4174568.html
Copyright © 2011-2022 走看看