div显示顺序

出自： http://www2.flash8.net/teach/3976.htm

为什么层一会被层二挡住
解决思路：
因为层一在z轴上的索引值z-index比层二的小(即层一的层叠次序在层二之后)，只需要把层一的z-index属性设置为比层二大就行了。
具体步骤：
    代码示例：

<div style="position:absolute;left:20;top:20;width:100;
height:100;background:green;z-index:2">层一</div>
<div style="position:absolute;left:50;top:50;width:100;
height:100;background:blue;z-index:1">层二</div>

注意：层的z轴索引值(即z-index的属性值)可以为负。 
技巧：如果希望指定层一直显示在最前面，可以把z-index属性值设为1000甚至10000，因为除非自己手工修改，一般情况z-index的值下不可能超过这两个数字的，这个技巧在层的拖动效果中用到。
 提示：如果不指定层的z-index属性值，在HTML源码的出现次序中越往后的越大。
特别提示
本例代码的运行效果如图2.1.4.3所示，很明显，层一在层二的前面了。

图2.1.4.3 层的层叠次序演示

特别说明

       如果不指定对象的z-index属性，将以默认值auto层叠对象，auto属性值的特点是同一对象下的子对象的定位按在源码层次中后面的为大，不同对象下的子对象则以各自的父对象的层叠次序为准。z-index属性的取值是不带单位的数字，可以为负，对应的脚本特性为zIndex。

转载于:https://www.cnblogs.com/mygis_3/archive/2009/08/08/1541966.html