使用fixed
进行布局的元素,在一般情况下会相对于屏幕视窗来进行定位。但是如果父元素的transform
,perspective
或filter
属性不为none
时,position为fixed
的元素就会相对于父元素来进行定位。
示例:https://codepen.io/ythinker/pen/xxXEbXohttps://codepen.io/ythinker/pen/xxXEbXo
如果父级元素的层级比其兄弟节点低,就算fixed的层级比父级元素及其兄弟元素高,它也会被父级元素的兄弟元素遮挡住。
示例:https://codepen.io/ythinker/pen/zYEKxaQhttps://codepen.io/ythinker/pen/zYEKxaQ