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

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

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

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

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