求一支持IE6、IE7的用css写的导航二级下拉菜单！急用！不要用JS实现的。 20

求一支持IE6、IE7的用css写的导航二级下拉菜单！急用！不要用JS实现的。在网上找了好多CSSplay实现的二级导航菜单，都不支持IE6,却在IE7、火狐下显示正常。... 求一支持IE6、IE7的用css写的导航二级下拉菜单！急用！不要用JS实现的。在网上找了好多CSSplay实现的二级导航菜单，都不支持IE6,却在IE7、火狐下显示正常。自己写的一个也是这种情况，IE6下下拉的二级菜单不显示，IE7、火狐下都正常。因为现在大部分上网用户还是用的IE6，请问各个DIV+CSS高手谁有支持IE6的二级导航菜单。麻烦提供下！不胜感激。如果好用的话，50相赠！！jjh267@163.com, qq:376779860 谢谢啊！因公司不给使用QQ，麻烦发往邮箱！^_^" 展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

yaoye_1988
2012-05-30

知道答主

回答量：5

采纳率：0%

帮助的人：7426

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二级弹出菜</title>
<style type="text/css">
*{ margin:0; padding:0;}
.menu { display:block; font-family: arial, sans-serif; width:940px; position:relative; height:auto; background: #06F;}
.menu ul { padding:0; margin:0; list-style-type: none;}
.menu ul li { float:left; width:102px; background: #03F;}
.menu ul li.end { height:35px; float:right; width:10px; background: #03F;}
.menu ul li a,
.menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:104px; height:35px; color:#fff; line-height:34px; font-size:14px;background: #03F;}
.menu ul li.first a,
.menu ul li.first a:visited {display:block; text-align:center; text-decoration:none; width:110px; height:35px; color:#fff; line-height:34px; font-size:14px;background: #03F;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#000; background: #03F; }
.menu ul li:hover.first a {color:#000; background: #03F; }
.menu ul li:hover ul {display:block; position:absolute;left:0;top:35px; width:805px;}
.menu ul li:hover ul li a { float:left;display:block; background:#faeec7; color:#000;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
</style>
</head>
<body>
<div class="menu">
<ul>
<li class="first"><a href="../menu/index.html">首页</a></li>
<li><a class="hide" href="../menu/index.html">关于我们</a>
<ul>
<li><a href="#">二级菜单内容</a></li>
<li><a href="#">二级菜单内容</a></li>
<li><a href="#">二级菜单内容</a></li>
<li><a href="#">二级菜单内容</a></li>
<li><a href="#">二级菜单内容</a></li>
<li><a href="#">二级菜单内容</a></li>
<li><a href="#">二级菜单内容</a></li>
</ul>
</li>
<li><a class="hide" href="index.html">产品展示</a>
<ul class="right_side">
<li><a href="#">三级菜单内容</a></li>
<li><a href="#">三级菜单内容</a></li>
<li><a href="#">三级菜单内容</a></li>
<li><a href="#">三级菜单内容</a></li>
<li><a href="#">三级菜单内容</a></li>
<li><a href="#">三级菜单内容</a></li>
<li><a href="#">三级菜单内容</a></li>
</ul>
</li>
<li><a class="hide" href="../layouts/index.html">联系你们</a>
<ul>
<li><a href="#">四级菜单内容</a></li>
<li><a href="#">四级菜单内容</a></li>
<li><a href="#">四级菜单内容</a></li>
<li><a href="#">四级菜单内容</a></li>
<li><a href="#">四级菜单内容</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

求一支持IE6、IE7的用css写的导航二级下拉菜单！急用！不要用JS实现的。 20

其他类似问题

为你推荐：