CSS中position为relative时的特性

之前一直以为只有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

原文地址:https://www.cnblogs.com/realwall/p/2315171.html