CSS注意事项(四)
博客专区 > ShirlyK 的博客 > 博客详情
CSS注意事项(四)
ShirlyK 发表于1年前
CSS注意事项(四)
  • 发表于 1年前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 关于z-index和fixed注意事项

z-index注意事项

有效性

仅当元素的position属性值为 relative 或 absolute 或 fixed时,该属性才会生效

常见问题——z-index设置很大仍然被遮挡

z-index的大小对比 是对同一级的元素来说的 值越大 处于层级越高 但是 两元素父级的z-index值作用优先于该元素

比如

<div id="A"><div></div></div> <div id="B"><div></div></div> 如果A B两元素的父级元素均未设定,且AB两元素的z-index未设定或者相同,则 其内部元素的 z-index大的元素 在上层 如果AB均设置了z-index则优先比较二者的z-index值,较大的一个其内部元素处于上层。

##关于fixed -- 使用fixed的元素相对于浏览器定位,如果不设定left,top等值,其默认为未使用fixed时的位置。 -- fixed元素的宽度100%则为浏览器窗口宽度。 ###特殊情况: 对在使用transform的元素内部元素使用fixed无效

共有 人打赏支持
粉丝 0
博文 5
码字总数 567
×
ShirlyK
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: