zoukankan      html  css  js  c++  java
  • css:zindex的一些了解

    设置是必须有position:absolute,relative,fixed的设置。

    (1)并列的三个元素:

    .aa { background: black; height: 500px; 500px; opacity: 0.4; filter: alpha(opacity=40); }
    .bb { position: absolute; top: 0; }
    .cc { position: absolute; top: 0; background: blue; height: 100px; 100px; }

    <div class="ff">
    <div class="aa"></div>
    <div class="bb"><img src="img/news_23_thumb.jpg" /></div>
    <div class="cc"></div>
    </div>

    第三个div在最上面,第二个在中间,第一个在最下面(都设置有position的前提下,要是没有,有的在上面(有的之间满足要求),没有的在下面)。

    (2)嵌套

    <div class="ff">
    <div class="aa">
    <div class="bb">
    <div class="cc">
    </div>
    <img src="img/news_23_thumb.jpg" />
    </div>
    </div>
    </div>

    这样最里面的在最上面,(但是img标签和div cc并列,不满足上面并列的要求,但是要是cc和bb并列就满足上面的要求了)

    加了z-index也没用,里面的在上面。

    假如所有父元素都有z-index,子元素之间的z-index只对同一父元素下的有效,

    假如不是所有父元素都有,对于IE6、7,同级之间才能比较,但是其他浏览器和IE8、9可以比较。

    可以理解为IE6、7是先比较所有同级的元素(未显示设置的默认为0),叠好,再比较各个元素内部的

    其他的浏览器是先比较所有显示设置z-index,在比较这些元素下面的

  • 相关阅读:
    S3C2440实现dm9000网卡驱动程序移植
    IMX257虚拟网卡vnet驱动程序
    ram_flash驱动
    S3C2440 nor_flash驱动程序
    Java 打印* 三角形
    Java系列学习说明
    java案例1,打印hello java
    zabbixproxy安装
    python鉴黄程序
    mssql发布订阅事项
  • 原文地址:https://www.cnblogs.com/yhongyu/p/2434567.html
Copyright © 2011-2022 走看看