您当前的位置：首页 > 程序人生 > 程序心得网站首页程序心得

二级导航被banner图片挡住

发布时间：2013-08-06编辑：admin点击数：

一定有不少朋友遇到过二级导航被banner挡住了这个问题，刚开始写网页的我一开始也遇到了这个问题。

一般可以这么解决，比如：

<ul class=”nav”>

<li>

<ul><li></li></ul>

</li>

</ul>

<div class=”banner”>banner</div>

在css样式中写:

.nav{position:relative; z-index:1000;}

一般这样是可以解决的，如果发生特殊情况，就算把z-index:设置成99999也是无济于事，其实还有以下解决办法

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

有些时候会出现二级导航和position:relative、z-index不兼容的现象，一般在.nav li ul{}中的top设置为0就可以解决了。