---
# System prepended metadata

title: z-index 無效問題

---

# z-index 無效問題

#### 明明都設定對的數值，卻一直無效？

首先先確定該設的position都有寫正確。
再來，需檢查父層的z-index數值
若父層的數值小，就會讓該層的整個順位往後，
大概是種性制度的概念（小孩再優秀，家族的種族是奴隸也沒用）


![](https://i.imgur.com/iECnsNy.jpg)


> 黃色色塊雖然z-index才10，但因為該父層div B的z-index > div A的z-index (2 > 1)，所以在順位上還是輾壓z-index=1000的紅色色塊。


*參考: https://blog.weibbb.com/2016/06/z-index.html*