z-index研究

时间:2023-03-08 19:50:49

文章来源:

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

总结:

  1、z-index只有在设置position:relative、absolute、fixed中才会生效;

  2、设置position后,如果没有设置z-index,在IE6-7中z-index默认的是0,而标准浏览器中,z-index是auto;

  3、如果没有设置z-index,后出现的元素覆盖前面的元素,如果设置了z-index,z-index下的子级高的覆盖子级低的元素;

  4、设置了z-index,根据父亲的顺序来排列,无论子元素的z-index有多高,都不会覆盖。