我們都知道z-index是表示誰壓著誰的意思颠印，那么在實(shí)際開發(fā)中如何使用z-index呢纲岭？
下面我們舉一個頁面導(dǎo)航的例子
運(yùn)行結(jié)果：
大家可以看到頁面的最上方是一個導(dǎo)航條，內(nèi)容部分是2張同樣的圖片线罕，我們在第一行圖片下方設(shè)置了一個鏈接止潮。由css代碼我們可以看到導(dǎo)航nav設(shè)置的固定定位，按鈕鏈接設(shè)置了相對定位钞楼，我們知道設(shè)置定位的元素喇闸，會出現(xiàn)后面的元素壓住前面的元素。當(dāng)我們向上滑動頁面询件，可以看到如下圖的現(xiàn)象：
內(nèi)容為按鈕的鏈接會穿過導(dǎo)航條燃乍，這顯然是不正確的，原因就會因?yàn)殒溄訒鹤?dǎo)航條宛琅，那該如何解決這種問題呢刻蟹？
其實(shí)很簡單，只需要設(shè)置導(dǎo)航條nav的z-index值即可嘿辟，我們可以給他設(shè)置一個很大的z-index值舆瘪，這樣就可以壓住其他元素了痢艺。為.nav添加樣式
z-index: 99999999;
這樣就不會出現(xiàn)剛才的現(xiàn)象了。
