CSS3 transform对fixed元素造成的影响
100人浏览 2024-11-24 10:02:11
在我们近期的一个项目中，碰到过这个问题，fixed元素居然好端端的失效了 ，后来不断的排查，最终发现了问题出在 CSS3 transform上的，只因为fixed元素的父层添加了 CSS3 transform属性。
我们应该都知道，position:fixed可以让元素不跟随浏览器的滚动条滚动，而且这种跟随效果连它的兄弟们
position:relative/absolute都限制不了。但是，真是一物降一物，position:fixed固定效果却被小小的transform给干掉了，直接降级变成position:absolute的蛋疼表现。
不过还好，目前只在Chrome浏览器/FireFox浏览器下有，其他浏览器均为正常。
作为笔记，也防止后人踩坑。
相关推荐
-
PHP8种变量类型的详细讲解2025-02-22 00:32:24 -
php+apache 和 php+nginx的区别2025-02-22 00:21:27 -
PHP：与workerman结合实现定时任务2025-02-22 00:15:57 -
Nginx的Rewrite规则与实例2025-02-22 00:15:39 -
MySql中身份证字段的简单脱敏介绍2025-02-22 00:15:36