如这样的情况:

处理办法:
在 Advanced(高级) 选项卡的 Z-Index 输入框中填入数字,数字调整为0即可。
位置如下:

延伸:
简单来说,Z-Index 是 CSS(网页样式表)中的一个属性,用来控制网页元素的堆叠顺序(谁在上层,谁在下层)。
你可以把它想象成在桌子上摆放一叠照片:
X 轴:水平位置(左右)。
Y 轴:垂直位置(上下)。
Z 轴:垂直于屏幕的深度(前后/层级)。
1. Z-Index 的核心规则
数字越大,越靠前:
z-index: 10的元素会覆盖在z-index: 1的元素之上。可以是负数:
z-index: -1会让元素躲到背景或其他元素后面。默认值:如果没有设置,通常按照 HTML 代码出现的先后顺序排列,后写的元素会覆盖先写的元素。
2. 为什么有时候 Z-Index 不起作用?
这是最让初学者困惑的地方。Z-Index 要生效,通常需要满足以下条件:
必须设置定位:该元素必须开启了定位属性(
position设为relative、absolute、fixed或sticky)。如果position是默认的static,z-index通常无效。堆叠上下文 (Stacking Context):这就像“拼爹”。如果一个父元素的
z-index很低,那么即使子元素的z-index设为 9999,它也无法超过另一个z-index更高的父元素。