1. 程式人生 > >修改z-index屬性無效原因及解決方法

修改z-index屬性無效原因及解決方法

在CSS中,只能通過程式碼改變層級,這個屬性就是z-index,要讓z-index起作用有個小小前提,就是元素的position屬性要是relative,absolute或是fixed。
(z-index無論設定多高都不起作用情況):

這種情況發生的條件有三個:
1、父標籤 position屬性為relative;
2、問題標籤無position屬性(不包括static);
3、問題標籤含有浮動(float)屬性。

解決辦法有三個(任一即可):

1、position:relative改為position:absolute;
2、浮動元素新增position屬性(如relative,absolute等);
3、去除浮動。