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,在比较这些元素下面的

  • 相关阅读:
    在linux下使用sqlcmd
    sqlserver 索引的结构及其存储,索引内容
    据库被标记为RESTORING的处理方式,正在还原中,正在恢复
    sql语句的优化分析
    SQL Server表分区-水平分区
    JavaScript Structure
    JS----Issue
    JavaScript Book Plan
    LINQ
    About JavaScript
  • 原文地址:https://www.cnblogs.com/yhongyu/p/2434567.html
Copyright © 2011-2022 走看看