CSS z-index 属性的使用方法和层级树的概念

http://www.neoease.com/css-z-index-property-and-layering-tree/

总结：

1.若是节点没有position 属性，或position 属为static，位于文档流后面的节点会覆盖前面的节点，且z-index属性无效。

2.position 属性为relative 、absolute 或fixed 的节点会覆盖没有设position 属性，或position 属为 static 的节点。

3.若是节点定义了position 属性（即relative 、absolute 或fixed ，如下同），则层级关系以z-index的值为准。z-index的值能够为负值。

4.若是节点定义了position 属性，其子节点的层级关系以父节点为准。

5.IE8 以上和 W3C 浏览器的 z-index 默认值是 auto，但 IE6 和 IE7 是 0。