ie6与IE7样式不兼容

css是这样的*{margin:0;padding:0;}img{border:0;}body{margin:0px;font-family:"宋体";font-size... css是这样的
*{margin:0;padding:0;}
img{border:0;}
body{margin:0px;font-family: "宋体";font-size: 12px;}
li{list-style:none;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
a:link{color: #FFFFFF;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}
.menu {height:28px;float:left;background: #FFFFFF url(../image/menu_bg.gif) 0 0 repeat-x; width:720px;}
.menu ul{list-style:none;margin:0;padding:0;}
.menu ul li{float:left;height:18px;position:relative;}
.menu ul li a{cursor:pointer;border-top:#666 1px solid;padding:0 6px;float:left;line-height:28px; background:url(image/left.gif);text-decoration: none;}
.menu ul li a:link{color: #000000;text-decoration:none; }
.menu ul li a:visited{color:#000000;text-decoration:none;}
.menu ul li a:hover{color:#fff;border-top:#999 1px solid;background:url(../image/a137.gif) center bottom no-repeat;}
.menu ul li div{position:absolute;width:100%;left:10px;top:34px;height:25px;display:none;}
.menu ul li div a{float:none;display:inline;padding:0 10px;margin-right:8px;background:none;border:none;line-height:24px;}
.menu ul li div a:link,.menu ul li div a:visited{color:#444;}
.menu ul li div a:hover{background:none; border:none;color: #CC9966;text-decoration:underline;}
.menu ul .block div{display:block;}
.menu a:hover.mbtn1,.menu .mbtn1ok,.menu mbtn1{border-top:#ff8c00 1px solid;}
.menu a:hover.mbtn2,.menu .mbtn2{border-top: #c71585 1px solid;}
.menu a:hover.mbtn3,.menu .mbtn3{border-top: #66cdaa 1px solid;}
.menu a:hover.mbtn4,.menu .mbtn4{border-top: #9acd32 1px solid;}
.menu a:hover.mbtn5,.menu .mbtn5{border-top: #1e90ff 1px solid;}

这是一个下拉菜单的样式，为什么在IE6里面显示好好的，在IE7里面就不行了呢？请直接回复代码就可以了
div id="menu" class="menu">
<ul>
<li><a id="mbtn1" class="mbtn1ok" href="#"><b>首页</b></a></li>
<li><a id="mbtn2" href="#"><b>公司介绍</b></a>
<div><a href="#"><b>公司简介</b></a> <a href="#"><b>发展历程</b></a> <a href="#"><b>核心团队</b></a> <a href="#"><b>品牌介绍</b></a> <a href="#"><b>企业荣誉</b></a></div>
</li>
</ul>
<script type="text/javascript">
var menu = document.getElementById("menu");
var lis = menu.getElementsByTagName("li");
var las = menu.getElementsByTagName("a");
for(var i = 0; i < 2; i++)
{
lis[i].num = i;
lis[i].onmouseover = show;
}
function show()
{
var lias = lis[this.num].getElementsByTagName("a");
for(var i = 0; i < lis.length; i++)
{
lis[i].className = ""
}
for(var i = 0; i < las.length; i++)
{
las[i].className = ""
}
lis[this.num].className = "block";
lias[0].className = lias[0].id
}
</script> 展开

 我来答

2个回答

#热议# 在购买新能源车时，要注意哪些？

百度网友e55a43b24
推荐于2016-05-08 · TA获得超过263个赞

知道小有建树答主

回答量：257

采纳率：0%

帮助的人：302万

我也去答题访问个人页

关注

展开全部

尽量少用width=100%这样的style

<!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;}
img{border:0;}
body{margin:0px;font-family: "宋体";font-size: 12px;}
li{list-style:none;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
a:link{color: #FFFFFF;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}
.menu {height:28px;float:left;background: #FFFFFF url(../image/menu_bg.gif) 0 0 repeat-x; width:720px;}
.menu ul{list-style:none;margin:0;padding:0;}
.menu ul li{float:left;height:18px;position:relative;}
.menu ul li a{cursor:pointer;border-top:#666 1px solid;padding:0 6px;float:left;line-height:28px; background:url(image/left.gif);text-decoration: none;}
.menu ul li a:link{color: #000000;text-decoration:none; }
.menu ul li a:visited{color:#000000;text-decoration:none;}
.menu ul li a:hover{color:#fff;border-top:#999 1px solid;background:url(../image/a137.gif) center bottom no-repeat;}
.menu ul li div{position:absolute;width:400px;left:10px;top:34px;height:25px;display:none;}
.menu ul li div a{display:inline;padding:0 10px;margin-right:8px;background:none;border:none;line-height:24px;}
.menu ul li div a:link,.menu ul li div a:visited{color:#444;}
.menu ul li div a:hover{background:none; border:none;color: #CC9966;text-decoration:underline;}
.menu ul .block div{display:block;}
.menu a:hover.mbtn1,.menu .mbtn1ok,.menu mbtn1{border-top:#ff8c00 1px solid;}
.menu a:hover.mbtn2,.menu .mbtn2{border-top: #c71585 1px solid;}
.menu a:hover.mbtn3,.menu .mbtn3{border-top: #66cdaa 1px solid;}
.menu a:hover.mbtn4,.menu .mbtn4{border-top: #9acd32 1px solid;}
.menu a:hover.mbtn5,.menu .mbtn5{border-top: #1e90ff 1px solid;}

</style>
</head>

<body>
<div id="menu" class="menu">
<ul>
<li><a id="mbtn1" class="mbtn1ok" href="#"><b>首页</b></a></li>
<li><a id="mbtn2" href="#"><b>公司介绍</b></a>
<div><a href="#"><b>公司简介</b></a> <a href="#"><b>发展历程</b></a> <a href="#"><b>核心团队</b></a> <a href="#"><b>品牌介绍</b></a> <a href="#"><b>企业荣誉</b></a></div>
</li>
</ul>
</div>
<script type="text/javascript">
var menu = document.getElementById("menu");
var lis = menu.getElementsByTagName("li");
var las = menu.getElementsByTagName("a");
for(var i = 0; i < 2; i++)
{
lis[i].num = i;
lis[i].onmouseover = show;
}
function show()
{
var lias = lis[this.num].getElementsByTagName("a");
for(var i = 0; i < lis.length; i++)
{
lis[i].className = ""
}
for(var i = 0; i < las.length; i++)
{
las[i].className = ""
}
lis[this.num].className = "block";
lias[0].className = lias[0].id
}
</script>
</body>
</html>

已赞过 已踩过<

评论收起

匿名用户
2010-01-21

展开全部

用css做的是有很多问题
这里有一个js做的下拉菜单试试看吧

参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?id=10764

已赞过 已踩过<

评论收起

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

ie6与IE7样式不兼容

其他类似问题

为你推荐：