日期:2014-05-17  浏览次数:20578 次

css问题 ie6 兼容性 高分了 在线等
css代码


/*-------------左菜单-------------*/
#navigation {margin:0px; padding:0px; text-indent:0px; background-color:#fff; width:203px; font-size:12px; }
#navigation a.title {cursor:pointer; background: url(../images/bg_menu.png) repeat-x scroll 0 0; color:#FFFFFF; height:36px; display:block; font-weight:bold; margin:0px; padding:0px; text-indent:28px; font:16px/36px "微软雅黑"; text-decoration: none;}
#navigation a.title span { background: url(../images/bg_menu.png) no-repeat scroll 0 -37px; width:10px; height:10px; display:inline-block;float:right;_float:none; margin:14px 29px 0 0}
#navigation a.title span { background: url(../images/bg_menu.png) no-repeat scroll 0 -37px; width:10px; height:10px; display:inline-block;float:right;_float:none; margin:14px 29px 0 0}
#navigation a.title:hover { color:#FFFF99;}
#navigation a.selected span { background: url(../images/bg_menu.png) no-repeat scroll 1px -47px; }
#navigation a.current { background-color:#FFFF99;}
#navigation ul.sub-menu { border-width:0px; margin:0px; padding:0px; text-indent:0px; width:201px; border-right:1px solid #cecece; border-left:1px solid #cecece; border-bottom:1px solid #cecece;}
#navigation ul.sub-menu li { list-style:none; height:27px; line-height:27px; text-align:center; position:relative;*z-index:1;_z-index:1;}
#navigation ul.sub-menu li.on {background:#f9f9f9; height:25px; line-height:25px; border:1px solid #cecece; border-left:none;}
#navigation li li a { color:#000000; display:block; text-indent:10px; text-decoration: none;}
#navigation li li a:hover { color:#ff0000;}
#navigation ol {margin:0; padding:0; list-style:none;width:150px; height:200px; position:absolute; left:202px; top:-1px; z-index:999; border-top:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:#f9f9f9; z-index:10000;}
a.ative {color:#ff9000;}


html代码
<ul id="navigation">
<li>
<a class="title" href="javascript:;">五月同等学力<span></span></a>
<ul class="sub-menu" style="display:block;">
<li><a href="">------同等学力项目------</a>