没有合适的资源?快使用搜索试试~ 我知道了~
首页chrome中position:fixed对z-index的影响
chrome中position:fixed对z-index的影响
768 浏览量
更新于2023-05-26
评论
收藏 377KB PDF 举报
页面如图:divA是一个悬浮磁条,固定宽度居中。有个子元素A-child右浮动。浏览器向下滚动时实现下图效果:B挡住A,A-child挡住B。dom结构:正常的实现方式很容易:因为B本身就在A的后面,当A和B都设置了position属性(非static),且没有设置z-index的时候,其层叠关系是后面的元素覆盖前面的元素,这样只需要给A-child设置z-index属性值即可。less代码:除chrome浏览器以外,IE8+和其它浏览器效果正常(当然IE6,7也有问题)。chrome下如图:A-child无法覆盖B元素。后来发现是chrome22+以后的一个改动,参考链接:Thestacki
资源详情
资源评论
资源推荐


















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0