如這樣的情況:

處理辦法:
在 Advanced(高級) 選項卡的 Z-Index 輸入框中填入數(shù)字,數(shù)字調(diào)整為0即可。
位置如下:

延伸:
簡單來說,Z-Index 是 CSS(網(wǎng)頁樣式表)中的一個屬性,用來控制網(wǎng)頁元素的堆疊順序(誰在上層,誰在下層)。
你可以把它想象成在桌子上擺放一疊照片:
X 軸:水平位置(左右)。
Y 軸:垂直位置(上下)。
Z 軸:垂直于屏幕的深度(前后/層級)。
1. Z-Index 的核心規(guī)則
數(shù)字越大,越靠前:
z-index: 10的元素會覆蓋在z-index: 1的元素之上。可以是負(fù)數(shù):
z-index: -1會讓元素躲到背景或其他元素后面。默認(rèn)值:如果沒有設(shè)置,通常按照 HTML 代碼出現(xiàn)的先后順序排列,后寫的元素會覆蓋先寫的元素。
2. 為什么有時候 Z-Index 不起作用?
這是最讓初學(xué)者困惑的地方。Z-Index 要生效,通常需要滿足以下條件:
必須設(shè)置定位:該元素必須開啟了定位屬性(
position設(shè)為relative、absolute、fixed或sticky)。如果position是默認(rèn)的static,z-index通常無效。堆疊上下文 (Stacking Context):這就像“拼爹”。如果一個父元素的
z-index很低,那么即使子元素的z-index設(shè)為 9999,它也無法超過另一個z-index更高的父元素。