CSS下拉二级菜单在IE下被挡住显示不了 50
CSS下拉二级菜单在IE下被挡住显示不了,在谷歌,火狐,搜狗等浏览器下正常。已经设置下拉菜单z-index:99999;,网址代码zgrz点.net麻烦高手提点一下,感激...
CSS下拉二级菜单在IE下被挡住显示不了,在谷歌,火狐,搜狗等浏览器下正常。已经设置下拉菜单z-index:99999;,网址代码z g r z点.n e t 麻烦高手提点一下,感激不尽
/*新增的二级菜单部分*/
.menu ul ul {
visibility:hidden;/*隐藏所有子菜单(二级的,三级的)*/
position:absolute;
left:0px;
top:32px;
z-index:99999;
}
我在这里已经加了 z-index:99999;,加了这个谷歌等浏览器下就正常,但是IE下还是被挡住了,有没有大神能够解决一下啊,谢谢了啊,能够解决的再加分!!!
我这个二级菜单用的是http://www.cnblogs.com/rubylouvre/archive/2009/09/27/1575294.html这位大神的代码,但是以前就有网友反映IE下会被挡住。
提高奖励了,怎么还没有大神回复啊??? 展开
/*新增的二级菜单部分*/
.menu ul ul {
visibility:hidden;/*隐藏所有子菜单(二级的,三级的)*/
position:absolute;
left:0px;
top:32px;
z-index:99999;
}
我在这里已经加了 z-index:99999;,加了这个谷歌等浏览器下就正常,但是IE下还是被挡住了,有没有大神能够解决一下啊,谢谢了啊,能够解决的再加分!!!
我这个二级菜单用的是http://www.cnblogs.com/rubylouvre/archive/2009/09/27/1575294.html这位大神的代码,但是以前就有网友反映IE下会被挡住。
提高奖励了,怎么还没有大神回复啊??? 展开
1个回答
展开全部
.menu {
font-size: 14px;
width: 100%;
height: 50px;
background: url(/images/nav_bg.jpg) 0 0 repeat-x;
position: relative;
z-index: 1;
}
.menu 样式增加position:relative + z-index:1 就可以了。 但是IE6下面如果遇到select的话,还是不能覆盖掉的。
PS:
http://runjs.cn/detail/4ltx6m7l
这个是国外友人写的一个比较经典的多级菜单的DEMO, 使用CSS:expression 创建iframe来遮挡select,解决了菜单不能覆盖select的问题。
追问
按你上面的在.menu上加上了z-index: 1; 还是一样不行,下拉菜单在IE下还是被挡住了的。你上面发的链接那个外国人写的多级菜单的DEMO在IE下会不会被挡住?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询