z-index和position的关系

时间:2024-10-12 20:27:13

1、用法简单如下:.a{ position:relative; z-index:99;}

2、position可以为relati箪滹埘麽ve(相对定位,)、absolute(绝对定位)、fixed(固定位置),inherit(继承父级特性)然后墩伛荨矧通过top、right、bottom、left来进行控制。relative是相对于原来的位置进行控制。absolute和fixed都是相对于文本的左上角进行定位。如果父级用了relative,则absolute是相对于父级进行的。

3、如果没有加position时使用z-index是没有效果的,那么层级关系就会错乱,出现不想要得到的效果。

© 手抄报圈