CSS z-index 層疊順序檢查器

輸入元素的 position、z-index、opacity、transform、isolation 與 contain 條件,快速判斷 stacking context 來源與可能覆蓋順序。

Modal、下拉選單、sticky header 和浮動按鈕互相蓋住時,單純把 z-index 加大不一定有用。這個工具用常見 CSS 條件推估哪些元素建立了 stacking context,協助你在改 CSS 前先整理覆蓋順序與風險。