網(wǎng)頁導(dǎo)航是我們常見的功能，而CSS導(dǎo)航則是打造網(wǎng)頁時(shí)常用到的技能。但是有時(shí)候會出現(xiàn)導(dǎo)航被下面的圖片蓋住的情況，這該如何解決呢？下面我們就來介紹一下一種解決方法。

.nav{
position:relative;
z-index:999;
}
.banner{
position:relative;
z-index:1;
}

如上代碼所示，我們可以給導(dǎo)航和圖片分別設(shè)置一個(gè)z-index屬性，值越大表示越在上層，因此將導(dǎo)航的z-index設(shè)置為999，圖片的z-index設(shè)置為1，就可以將導(dǎo)航置于圖片之上，避免被圖片蓋住的問題。

除此之外，還可以通過給圖片添加position:absolute;屬性，將其從文檔流中移出，這樣導(dǎo)航就不會受到它的影響了。但是需要注意的是，這樣可能會影響到頁面的布局和其他元素的位置。

總之，CSS導(dǎo)航被下面圖片蓋住可以通過設(shè)置z-index屬性等方法來解決，但需要根據(jù)具體情況進(jìn)行選擇，以達(dá)到最佳效果。