层级树

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

走远了吗. 提交于 2020-04-10 18:57:18
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。 来源: oschina 链接: https://my.oschina.net/u/31384/blog/79372