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。

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!