MyException - 我的异常网
当前位置:我的异常网» HTML/CSS » 今天在网下找了个纯css实现的上拉菜单,在IE8、FF、

今天在网下找了个纯css实现的上拉菜单,在IE8、FF、谷歌、360浏览器均完美支持,唯独ie6没有效果,望高手加以改进,多谢(10)

www.MyException.Cn  网友分享于:2013-02-20  浏览:45次

          <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">关于我们</a></li>
      </ul>
    </div>
  </div>

[code=css]
#navall, #nav, #nav ul, #nav ul li, #nav ul li a { overflow:visible; }
#navall { float:left; width:900px; padding-top:200px; }
#nav { width:900px; height:20px; background:#f7f7f7; }
#nav ul ul { visibility:hidden; height:auto; position:absolute; background:#FFF; padding:0; margin:0; filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9; }
#nav ul ul { width:120px; left:0; top:20px; line-height:normal; }
#nav li { position:relative; z-index:500; float:left; display:block; height:20px; line-height:20px; padding:0 10px; }
#nav table { _margin-top:-5px; }
#nav ul li a { _overflow:hidden; display:inline-block; height:20px; line-height:20px; }
#nav ul li a:hover { border-bottom: solid 0px #000; overflow:visible; }
#nav li:hover ul, #nav a:hover ul { visibility:visible; line-height:normal; }
#nav ul li ul li { width:auto; float:none; display:block; margin:0; padding:0; height:auto; background:none; line-height:normal; }
#nav ul li ul li a { overflow:visible; width:auto; height:1%; line-height:120%; display:block; padding:5px; margin:0; float:none; text-decoration:none; text-align:left; color:#666; font-weight:normal; font-size:12px; font-family:Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica; border:solid 1px #fafafa; border-bottom-color:#eee; border-top-color:#fafafa; background:#f3f3f3; }
#nav ul li ul li a:hover { overflow:visible; width:auto; height:1%; line-height:120%; display:block; padding:5px; margin:0; float:none; text-decoration:none; text-align:left; color:#666; font-weight:normal; font-size:12px; font-family:Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica; border:solid 1px #F90; border-bottom-color:#eee; border-top-color:#fafafa; background:#eee; }

[/code]
------解决方案--------------------


<!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=gb2312" />
<title>一个很不错的下拉导航菜单</title>

<style type="text/css">
<!--
#navParent {position:absolute;margin:0 auto 0 auto !important;background-color:#3591da;height: 29px;width: auto;font-size:12px;}
#navParent ul {text-align:center;padding: 0;margin: 0;list-style: none;}

文章评论

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