新聞中心
zblog解決導(dǎo)航下拉菜單被幻燈片擋住的問(wèn)題
作者 / 無(wú)憂主機(jī) 時(shí)間 2015-12-03 01:24:17
今天有一位客戶向無(wú)憂主機(jī)小編我反映，網(wǎng)站上面的導(dǎo)航菜單被下面的幻燈片給遮擋住了，對(duì)網(wǎng)站顯示有很大的影響。對(duì)于這種問(wèn)題基本上都是網(wǎng)站樣式表沒(méi)有設(shè)置好的原因，是新手建站中經(jīng)常會(huì)遇到的常見(jiàn)問(wèn)題。下面無(wú)憂主機(jī)小編就來(lái)給大家詳細(xì)介紹一下。 網(wǎng)站上面的導(dǎo)航菜單被下面的幻燈片給遮擋住了，一般都是樣式中的層疊關(guān)系沒(méi)有設(shè)置好，首先要確定層級(jí)關(guān)系必須要同一級(jí)，而且在標(biāo)簽中需要設(shè)置“position”屬性的值為“relative”或者是“absolute”，然后用“z-index”屬性進(jìn)行設(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; }
樣式表修改好之后點(diǎn)擊保存，刷新一下數(shù)據(jù)就可以了。
無(wú)憂主機(jī)相關(guān)文章推薦閱讀：
ZBLOG設(shè)置圖標(biāo)字體的方法
ZBLOG不同頁(yè)面調(diào)用不同側(cè)欄的方法
ZBLOG調(diào)用文章時(shí)添加時(shí)間限制的方法
本文地址：http://www.love62.cn/zblog/21041.html
