首页 > Web开发 > 详细

CSS3 transform对fixed元素造成的影响笔记

时间:2017-06-24 17:57:07      阅读:248      评论:0      收藏:0      [点我收藏+]

在我们近期的一个项目中,碰到过这个问题,fixed元素居然好端端的失效了 ,后来不断的排查,最终发现了问题出在 CSS3 transform上的,只因为fixed元素的父层添加了 CSS3 transform属性。

 

我们应该都知道,position:fixed可以让元素不跟随浏览器的滚动条滚动,而且这种跟随效果连它的兄弟们position:relative/absolute都限制不了。但是,真是一物降一物,position:fixed固定效果却被小小的transform给干掉了,直接降级变成position:absolute的蛋疼表现。

不过还好,目前只在Chrome浏览器/FireFox浏览器下有,其他浏览器均为正常。

作为笔记,也防止后人踩坑。

 

CSS3 transform对fixed元素造成的影响笔记

原文:http://www.cnblogs.com/qieban/p/7073945.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!