之前一直以为只有positon为absolute时,才可以设置z-index层级。今天发现错了,原来position为relative时也可以设置层级。
W3C 对 z-index 属性的描述中提到 在 z-index 属性仅在节点的 position 属性为 relative, absolute 或者 fixed 时生效.
relative特性[2]:
1、可以通过top和left来设置偏移量,相对它原来的位置,而不会对别的元素造成任何影响,无论显示在哪,它的根依然在原地;
2、可以设置z-index属性,控制与其他的relative层亦或是游荡的absolute的层叠关系;
3、可以收留absolute孩子了。
参考文章:
[1]http://www.neoease.com/css-z-index-property-and-layering-tree/
[2]http://www.cnblogs.com/xiaoc001/archive/2011/10/25/2223573.html