定位元素的z-index

 含义: z-index属性指定了元素及其子元素的【z顺序】,而【z顺序】可以决定当元素发生覆盖的时候,哪个元素在上面。通常一个较大z-index值得元素会覆盖较低的那一个。

属性值:z-index:auto; 默认值            z-index:<integer>整数值                 z-index:inherit:继承

特性:1.支持负值;  2.支持CSS3 animation动画  3.在CSS2.1时代,需要和定位元素配合使用


1.在css2,1中z-index只对定位元素有作用;


如果定位元素z-index没有发生嵌套 :1,后来居上的准则。2.哪个大,哪个上。






如果定位元素z-index发生嵌套:1.祖先优先原则;(前提是祖先z-index值是数值,非auto);


祖先优先原则,后来居上;


祖先z-index为auto的情况:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值