css-關於z-index一些小事

z-index是一個可以設定元素推疊順序，當z-index的值愈高，順序就愈上面，反之，若想讓他的順序在下面，也可以使用負值

z-index會伴隨著position(定位)，除了屬性值:static(預設值)不能使用外，其他absolute(絕對)、relative(相對)、fixed(固定)都能使用

如下範例1當寫入z-index=1而沒有position，產生的畫面完全不為所動

See the Pen
z-index-1 by yennnnyu (@yennnnn)
on CodePen.

範例2當寫入z-index=1也有設置position，產生結果box2會比box1的堆疊順序變成在上面了

See the Pen
z-index-2 by yennnnyu (@yennnnn)
on CodePen.

範例3當寫入z-index=-1也有設置position，產生結果box3會比box1的堆疊順序變成在下面

See the Pen
z-index-3 by yennnnyu (@yennnnn)
on CodePen.

大家也可以試著修改看看哦~

See the Pen
z-index by yennnnyu (@yennnnn)
on CodePen.