什麼時候使用z-index？
我們都知道z-index是表示誰壓著誰的意思，那麼在實際開發中如何使用z-index呢？
下面我們舉一個頁面導航的例子
執行結果：
大家可以看到頁面的最上方是一個導航條，內容部分是2張同樣的圖片，我們在第一行圖片下方設定了一個連結。由css程式碼我們可以看到導航nav設定的固定定位，按鈕連結設定了相對定位，我們知道設定定位的元素，會出現後面的元素壓住前面的元素。當我們向上滑動頁面，可以看到如下圖的現象：
內容為按鈕的連結會穿過導航條，這顯然是不正確的，原因就會因為連結會壓住導航條，那該如何解決這種問題呢？
其實很簡單，只需要設定導航條nav的z-index值即可，我們可以給他設定一個很大的z-index值，這樣就可以壓住其他元素了。為.nav新增樣式
z-index: 99999999;
這樣就不會出現剛才的現象了。
相關文章
- 到底什麼時候使用mqMQ
- 什麼時候使用 Lambda 函式？函式
- 什麼是介面？為什麼使用介面？ 什麼時候使用介面？(轉)
- C++中什麼時候用move，什麼時候用forward？C++Forward
- MySQL什麼時候會使用內部臨時表?MySql
- 舉例說明你什麼時候會用抽象類，什麼時候更願意使用介面？抽象
- 什麼時候釋出
- 什麼時候呼叫layoutSubviewsView
- 4 張動圖解釋為什麼（什麼時候）使用 Redux圖解Redux
- python中什麼時候使用自定義類Python
- 天行健課堂 | 什麼時候使用SWOT分析？
- 什麼時候可以考慮使用MySQL MEMORY引擎MySql
- 什麼時候你不應該使用微服務微服務
- T-SQL什麼時候該使用分號SQL
- 區分import 什麼時候使用 花括號{ }Import
- 什麼時候採用socket通訊，什麼時候採用http通訊HTTP
- 新版什麼時候釋出？
- 什麼時候該用vuex?Vue
- 什麼時候該用MongoDB?MongoDB
- EJB2.0中什麼時候用local interface,什麼時候用remote interface (轉)REM
- 什麼是遷移學習？什麼時候使用遷移學習？遷移學習
- 什麼時候你不能使用箭頭函式？函式
- 在JavaScript中什麼時候使用==是正確的？JavaScript
- 什麼時候使用繫結變數效能反而更差變數
- tar -cvf 和 tar cvf 區別，什麼時候使用 " - "
- 什麼時候該使用NoSQL儲存資料庫？SQL資料庫
- 什麼時候在EJB系統中使用XML (轉)XML
- Haskell程式設計精華：什麼時候該註釋，什麼時候不該註釋Haskell程式設計
- 我們在使用jQuery的時候，到底在使用什麼？jQuery
- beego 什麼時候支援grpcGoRPC
- python什麼時候縮排Python
- session是什麼時候建立的Session
- Mybatis什麼時候需要宣告jdbcType?MyBatisJDBC
- 什麼時候Linux才能完美？Linux
- 什麼時候Haskell快於CHaskell
- 什麼時候用有狀態session bean,什麼時候用無狀態session bean (轉)SessionBean
- 什麼時候使用這些Nodejs框架？ Express，Koa，Nest，NodeJS框架Express
- 在 JavaScript 中，什麼時候使用 Map 或勝過 ObjectJavaScriptObject