應用 z-index 值 - Webflow 幫助
Last updated on 10/26/2025@mrbirddev
使用 z-index 值來排序堆疊元素
使用 z-index 層疊元素 - 網頁設計教程(使用舊版 UI)
什麼是 z-index 值
z-index 值控制元素的堆疊順序。
- z-index 值較高的元素會堆疊在較低值的元素之上。
- 子元素只能根據其父元素進行堆疊。(例如,如果元素 A 的 z-index 高於元素 B,則元素 B 的子元素永遠不會覆蓋元素 A。)
- z-index 僅適用於相對、絕對和固定定位。
- 預設的 z-index 值為 0。
使用 z-index 值來堆疊元素
- 選擇您想要定位的 div 區塊。
- 應用 z-index 值(因為預設的 z-index 值為 0,任何大於 0 的值都會將元素置於上層)。
- 較高的值會堆疊在較低的值之上。
- 負值可能會導致元素消失。
負的 z-index 值可能會導致元素消失在其他元素後面。請小心使用!
Last updated on 10/26/2025@mrbirddev
Recent Articles