解決position:relative狀況下,z-index無效的方法

在實際開發中,div+css常常會碰到層級的問題css

其中有個很頭痛的就是z-index控制層級時,總是發現z-index不起做用post

老楊依據本身的經驗,總結出如下步驟:開發

一、判斷被覆蓋的層(想要置頂的層)的postion是否也爲relative或者absoluteio

二、若是1成立,則判斷是否此層的z-index比誤覆蓋的層的z-index數值大class

三、若是2成立,判斷是否此層的父級元素比誤覆蓋的層的z-index數值大經驗

四、若是3成立,判斷是否此層的父級元素比誤覆蓋的層的父級層的z-index數值大總結

到此爲止,99%的該問題會獲得解決!di

內容很少,但是會很是實用!co

相關文章
相關標籤/搜索