CSS position: fixed 相对于父元素定位

        使用 fixed 进行布局的元素,在一般情况下会相对于屏幕视窗来进行定位。但是如果父元素的 transformperspective 或 filter 属性不为 none 时,position为fixed 的元素就会相对于父元素来进行定位。

示例:https://codepen.io/ythinker/pen/xxXEbXoicon-default.png?t=LA92https://codepen.io/ythinker/pen/xxXEbXo

        如果父级元素的层级比其兄弟节点低,就算fixed的层级比父级元素及其兄弟元素高,它也会被父级元素的兄弟元素遮挡住。

示例:https://codepen.io/ythinker/pen/zYEKxaQicon-default.png?t=LA92https://codepen.io/ythinker/pen/zYEKxaQ


版权声明:本文为weixin_48003149原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。