CSS的z-index－決定元素的堆疊順序

 z-index可以設定元素的堆疊順序，

設定值越高越前面，可以為負數，例如：z-index: -1。

另外要注意的是z-index只能在有設定位（position）的元素上才會奏效。

可設定為position: static、absolute、relative、fixed。

如下圖範例1中所示，如果將色塊設成z-index: 1的話，就會將文字擋住了。

然而如果改成z-index:-1的話，因為色塊的順序為負的，所以會被放置在文字的後面。

範例2：

如範例2所示，設定值越大的元素( z-index:3)，堆疊順序會越前面，

要注意設定值以免遮蓋到後方的元素。