一次搞懂 CSS z-index 層疊特性

當我們設置z-index 屬性，常常遇到下列問題：

1.只知道z-index 是可以進行上下的元素排列，卻不知它如何運作，常常出現 z-index: 999999的屬性設置。

2.不曉得z-index 與其他屬性的關係與順序，導致維護困難，架構混亂。

3.不清楚不同HTML元素間z-index 的關係，用不正確的觀念設置，導致畫面總是不盡人意。

這堂課將帶你瞭解z-index 的特性與運作方式，

讓你可以在正確的觀念下，規劃 z 軸方向的排版架構。

不會再盲目地使用z-index的屬性值，進而引發另外一個又一個的畫面問題。

我的圖片明明設置了 z-index : 9999 了 為何還是沒效果 !?

 z-index屬性用於層疊排版時，依照一定的規則，決動元素之間的順序。

當我們要製作一個利用了許多層疊效果的排版時，常常因為觀念不清楚。

導致不管如何設置，就是無法成功顯示的狀況。

透過這堂課你將能了解到，z-index 屬性如何在不同的元素和不同的屬性之間運作。

真正了解它後，進行層疊排版將不再是個難題！