IE Firefox 中ZIndex的高低准则

本文对比了Internet Explorer和Firefox浏览器中zIndex属性的行为差异。在IE中,元素的层级不仅取决于其自身的zIndex值,还受制于其父级元素的zIndex;而在Firefox中,只要元素的zIndex值足够高就可以覆盖其他元素。通过比喻的方式,帮助开发者更好地理解和解决跨浏览器兼容性问题。

转的

做网站开发的,免不了要与CSS打交道,最近在做一些效果些,就被IE与FIREFOX里面不的的zIndex准则,搞得哭笑不得,最后得出一个经验,很通俗的(自己都很得意这种说法,不知道在我之前有没有人这样比喻过呢,应该会有吧,只是我不知道罢了)

 

以下是我对zIndex问题,在IE与FIREFOX里的总结,

IE是按辈份定高低,FIREFOX是按年龄定高低

 

怎么理解呢?

在IE里,不管DIV的zIndex有多高,如果它的父级容器zIndex比对方要低,它是不可能盖得住对方的。也就是说,如果你的父亲比他的父亲小,你永远也不可能高过他。(他是指你想要盖住的DIV)

在FIREFOX里,则是只要DIV的zIndex高得比想要盖住的DIV要高,就能盖住,谁的年龄(zIndex)大,谁就在前面。

 

 

不知道你看明白了没呢?【原】IE <wbr>Firefox <wbr>中ZIndex的高低准则

转载于:https://www.cnblogs.com/keringing/p/3812876.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值