5/2

为您的设计
寻找专业的前端切图服务。

css3 transform对fixed造成的影响

最近在切图网的一起客户项目中,我们碰到一个问题,始末是这样的,我们给陈妍希做一个h5的结婚微网页,用到了fullpage 然后fullpage对整个页面添加了 css3 的 transform属性,然后我们在页面里面添加一个元素为 position:fixed的时候,发现fixed 失效了。

position:fixed 相对于absolute有一个最大的特点在于,无论你是否设置相对定位,fixed永远相对于body来定位, 而现在因为transfrom的原因,这一切都被打乱了。 fixed变成了和absolute绝对定位一样的特征。后来我们采用其他方法避免了他们在一起,解决了, 以此做个笔记。你有好的解决方案吗,欢迎交流。

 

来源:切图网