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>

  • 相关阅读:
    VueRouter-404错误配置
    VueRouter-组件复用
    VueRouter-动态路由
    vue-router基本使用
    Vue小作业--图书管理
    Vue的过滤器
    vue的生命周期
    vue中插槽
    vue自定义组件v-model
    Vue组件中自定义事件
  • 原文地址:https://www.cnblogs.com/hujunzheng/p/4998640.html
Copyright © 2011-2022 走看看