今天有一位客戶向無憂主機小編我反映，網(wǎng)站上面的導航菜單被下面的幻燈片給遮擋住了，對網(wǎng)站顯示有很大的影響。對于這種問題基本上都是網(wǎng)站樣式表沒有設(shè)置好的原因，是新手建站中經(jīng)常會遇到的常見問題。下面無憂主機小編就來給大家詳細介紹一下。 網(wǎng)站上面的導航菜單被下面的幻燈片給遮擋住了，一般都是樣式中的層疊關(guān)系沒有設(shè)置好，首先要確定層級關(guān)系必須要同一級，而且在標簽中需要設(shè)置“position”屬性的值為“relative”或者是“absolute”，然后用“z-index”屬性進行設(shè)置先后顯示的順序。例如這位客戶的css樣式設(shè)這樣設(shè)置的：

header{ }
header .nav{ z-index:9999; height:50px; color:#fff; text-align:center; }
banner{ position:relative; margin:10px auto; height:300px; }

header{ position:relative; z-index:1 }
header .nav{ height:50px; color:#fff; text-align:center; }
banner{ position:relative; z-index:0; margin:10px auto; height:300px; }

本文地址：http://www.gle-technology.com/zblog/21041.html