如這樣的情況：

處理辦法：

在 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 更高的父元素。