z-index

1).没有嵌套

　　1.后来居上

　　2.数值大的在上面

2).有嵌套 --> 前提是z-index为数值，不是auto

　　<div position="relative" z-index=1> <img position="relative" z-index=2/> </div>

　　<div position="relative" z-index=1> <img position="relative" z-index=1/> </div>

则采用最外层父级元素的z-index，上例为第二个图片再上面（因为最外层父级元素遵循后来居上原则

 

z-index:auto，当前层叠上下文的生成盒子层叠水平是0，盒子（除非是根元素）不会创建一个新的层叠上下文