position:fixed 降级为absolute的问题

本篇文章汇总一下position:fixed 降级为absolute的情况

transform影响fixed

元素设置position:fixed后大家都知道可以让元素不跟随滚动条滚动（固定到视口），但是transform可以把position:fixed干掉让其降级成absolute。

<div style="transform:scale(1);">
    <img src="mm1.jpg"style="position:fixed;" />
</div>

本身应该不动的图片因为父级设置了transform而变成了absolute的效果。

filter

CSS3滤镜（filter）

CSS3 中filter滤镜属性，也会把position:fixed干掉让其降级成absolute。