zoukankan      html  css  js  c++  java
  • CSS中div覆盖另一个div

    将一个div覆盖在另一个div上有两种手段:一是设置margin为负值,二是设置绝对定位。

    可以根个人情况设置z-index的值

    1->position 为absolute的情况

    <html>

    <head>

    <style>

    #div1{position:absolute;300px;height:300px;background:#ccc;}

    #div2{position:absolute;left:0;top:0;200px;height:200px;background:red;filter:alpha(opacity=50);}

    </style>

    </head>

    <body>

    <divid="div1">这里是div1的内容

              <divid="div2"></div>

    </div>

    </body>

    </html>

    2->用margin为负的操作

    <html>
    <head>
        <style>
        #div1 { position:relative; 300px; height:300px; background:#ccc;}
        #div2 { position:relative; left:0; top:0;margin-top:-15px; 200px; height:200px; background:red;filter:alpha(opacity=50);}
        </style>
    </head>
    <body>
    <divid="div1"> 这里是div1的内容
              <divid="div2"></div>
    </div>
    </body>
    </html>

  • 相关阅读:
    The Game
    棋盘问题(dfs)(类似8皇后)
    dfs---之全排列
    Dijkstra算法(求单源最短路径)
    四点共面 (简单题)
    最长递增子序列
    线段的重叠
    kruskal
    hdu 1232 畅通工程
    无限对拍程序
  • 原文地址:https://www.cnblogs.com/hujunzheng/p/4998640.html
Copyright © 2011-2022 走看看