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

2019独角兽企业重金招聘Python工程师标准>>>

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。

 

转载于:https://my.oschina.net/blindcat/blog/79372