div的下拉菜单被ul给挡住了,有图
2个回答
展开全部
定位问题,你把css贴出来比较好帮你修改。先给你指个大概吧。
如果我没猜错的话,你下面搜索的这个也是有用到定位,所以才会把上面那个下拉覆盖掉了,解决方法,一个是把上面导航的那个z-index提高,下面的z-index降低,
另一种方法就是导航不要设置position:relative;然后下拉直接定位position:absolute;这个,设置top不用设置left,自适应下,然后通过针对不同浏览器去使用margin,ie的*margin-left:上面a标签或者li标签一般的宽度;例如:margin-left:-50px; 。火狐、谷歌的基本不用去再设置了。
还有一个就是看你层怎么布的。如果是分开的,上下两个合并到一个大的层里面,position:relative;用的是同一个父框架的话,也是可以的。这个比较繁琐。上面两个看下大概就可以了。
如果我没猜错的话,你下面搜索的这个也是有用到定位,所以才会把上面那个下拉覆盖掉了,解决方法,一个是把上面导航的那个z-index提高,下面的z-index降低,
另一种方法就是导航不要设置position:relative;然后下拉直接定位position:absolute;这个,设置top不用设置left,自适应下,然后通过针对不同浏览器去使用margin,ie的*margin-left:上面a标签或者li标签一般的宽度;例如:margin-left:-50px; 。火狐、谷歌的基本不用去再设置了。
还有一个就是看你层怎么布的。如果是分开的,上下两个合并到一个大的层里面,position:relative;用的是同一个父框架的话,也是可以的。这个比较繁琐。上面两个看下大概就可以了。
更多追问追答
追问
/*搜索框*/
#search{
z-index:2;
text-align:left;
position:relative;
margin:10px auto;
width:960px;
height:53px;
padding-top:20px;
background:url(../images/search_03.jpg);
}
第一个DIV
.warper {
MARGIN: 0px auto; WIDTH: 975px;z-index:10000;
}
你看看
追答
这个只是搜索框的,导航的能一起贴出来吗
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询