
如图: 登录组件fixed 显示在上层
bug:
父组件设置了fixed 而登录组件(子组件)z-index无论设置多大都没效果

解决:
父组件设置z-index

so,请注意下面两点:
- z-index只有在设置了position为relative,absolute,fixed时才会有效。
- z-index的“从父原则”。当你发现把z-index设的多大都没用时,看看其父元素是否设置了有效的z-index,当然别忘了先看看自身是否设置了position。
本文探讨了CSS中z-index属性在设置fixed定位的父元素下不起作用的问题。关键点在于z-index仅在position为relative, absolute或fixed时生效,并遵循“从父原则”。解决方案是为父组件设置合适的z-index,确保子组件的层级正确显示。对于前端开发者来说,理解和正确使用z-index是布局优化的关键。

如图: 登录组件fixed 显示在上层
bug:
父组件设置了fixed 而登录组件(子组件)z-index无论设置多大都没效果

解决:
父组件设置z-index

so,请注意下面两点:

被折叠的 条评论
为什么被折叠?