MyException - 我的异常网
当前位置:我的异常网» HTML/CSS » CSS下滑菜单修改及兼容性有关问题

CSS下滑菜单修改及兼容性有关问题(2)

www.myexceptions.net  网友分享于:2013-04-10  浏览:4次

body{
font-family: "微软雅黑", Arial;
font-size: 14px;
background-color: #a8a8a8;
background-image: url(../images/body_bg.gif);
background-repeat: repeat-x;
background-position: center top;
margin: 0px;
padding: 0px;
line-height: 1.5px;
color: #585858;
text-decoration: none;
}

#warp{ width: 960px; margin: 0px auto;}
.logo{ height:120px; width:100%; background: url(../images/header_bg.gif) no-repeat center top;}
.menu{ width: 100%;}

#nav { line-height: 24px; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px;} 
#nav a { display: block; width: 120px; text-align:left; padding-left: 10px;} 
#nav a:link { color:#FFF; text-decoration:none;} 
#nav a:visited { color:#FFF;text-decoration:none;} 
#nav a:hover { text-decoration:none; text-decoration: underline;} 
#nav li { float: left; width: 150px; background:url(../images/line.gif) no-repeat 0px 4px; /* background:#CCC; */} 
/* #nav li a:hover{ background:#999;}  */
#nav li ul { line-height: 27px; list-style-type: none; text-align:left; left: -999em; width: 120px; position: absolute; margin: 0px; padding: 0px;} 
#nav li ul li{ float: left; width: 150px; background: #F6F6F6;} 
#nav li ul a{ wedisplay: block; width: 156px;text-align:left;padding-left:24px;} 
#nav li ul a:link { color:#666; text-decoration:none;} 
#nav li ul a:visited { color:#666;text-decoration:none;} 
#nav li ul a:hover { color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;} 
#nav li:hover ul { left: auto; } 
#nav li.sfhover ul { left: auto;} 
#content { clear: left;}


/* 浏览器:Firefox、IE7、IE8、IE9 */ 如下图


/* IE6 */ 如下图


问题如图中描述
CSS menu HTML

------解决方案--------------------
加我Q: 1179190796

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有