导航条在ie7及ie8下失效,鼠标点不上下拉菜单,如何解决? 5
<style>*{margin:0px;font-size:12px;background:#D4D0C8;color:#000000;}hr{color:gray;bo...
<style>
* {margin:0px;font-size:12px;background:#D4D0C8;color:#000000;}
hr {color:gray;border:1px inset;}
#dyMenu {width:100%;background:#D4D0C8;border:2px outset; padding-right:20px;}
#dyMenu a {display:block;width:70px;display:inline;text-decoration:none;cursor:default;}
#dyMenu a:hover {background:#2C3D43;}
#dyMenu table {width:70px;padding:0px;}
#dyMenu td.main {text-align:center;padding:3px 0px 2px 0px;cursor:default;height:22px;}
#dyMenu a:hover td.main {border:1px inset;}
#dyMenu a div {display:none;}
#dyMenu a:hover div {display:block;position:absolute;border:2px outset;}
#dyMenu a div a {background:#D4D0C8;width:250px;padding:2px 0px 2px 3px;}
#dyMenu a div a span.thr {width:6%;}
#dyMenu a div a span.for {width:6%; center center no-repeat;}
#dyMenu a div a span {width:10%;}
#dyMenu a div a span.sub {width:10%; left top no-repeat;}
#dyMenu a div a i {font-style:normal;width:72%;padding:0px;}
#dyMenu a div a i.sub {font-style:normal;width:68%;padding:0px;}
#dyMenu a div a b {font-weight:normal;width:16%;}
#dyMenu a div a em {font-style:normal;width:5%; left left no-repeat;}
#dyMenu a div a:hover {background:#0A246A;color:#ffffff;}
#dyMenu a div a:hover span.thr {width:6%;background:#0A246A;}
#dyMenu a div a:hover span.for {width:6%; center center no-repeat;}
#dyMenu a div a:hover span {width:10%;background:#0A246A;}
#dyMenu a div a:hover span.sub {width:10%;background:#0A246A; left top no-repeat;}
#dyMenu a div a:hover i {font-style:normal;width:72%;background:#0A246A;color:#ffffff;padding:0px;}
#dyMenu a div a:hover i.sub {font-style:normal;width:68%;background:#0A246A;color:#ffffff;padding:0px;}
#dyMenu a div a:hover b {font-weight:normal;width:16%;background:#0A246A;color:#ffffff;}
#dyMenu a div a:hover em {font-style:normal;width:5%;background:#0A246A;color:#ffffff; left center no-repeat;}
</style>
<div id="dyMenu">
<a href="#">
<table cellspacing="0" align="left">
<tr><td class="main">资讯平台</td></tr>
<tr><td>
<div>
<a href="#" ><span class="thr"></span><i>[1]新建资讯</i><b>INFO...</b><em></em></a>
<a href="#" onClick="MM_openBrWindow('../A/A.asp','','width=820,height=600')" ><span class="thr"></span><i>[2]新建内部短讯</i><b>MESS...</b></a>
<a href="#" onClick="MM_openBrWindow('../A/A.asp','','width=820,height=600')" ><span class="thr"></span><i>[2]新建客户短讯</i><b>MESS...</b></a><hr>
<a href="../A/A.asp" target="forum"><span class="thr"></span><i>[3]公告通知</i><b></b></a>
<a href="#"><span class="thr"></span><i>[4]内部新闻</i><b></b></a>
<a href="../A/A.asp" target="forum"><span class="thr"></span><i>[5]短讯息</i><b></b></a>
<a href="#"><span class="thr"></span><i>[6]奖罚公示</i><b></b></a>
</div>
</td></tr>
</table>
</a>
</div>
说明:鼠标经过时,能显示下拉细分菜单,但是鼠标点不上,鼠标离开主菜单,下面的细分菜单就会消失。 展开
* {margin:0px;font-size:12px;background:#D4D0C8;color:#000000;}
hr {color:gray;border:1px inset;}
#dyMenu {width:100%;background:#D4D0C8;border:2px outset; padding-right:20px;}
#dyMenu a {display:block;width:70px;display:inline;text-decoration:none;cursor:default;}
#dyMenu a:hover {background:#2C3D43;}
#dyMenu table {width:70px;padding:0px;}
#dyMenu td.main {text-align:center;padding:3px 0px 2px 0px;cursor:default;height:22px;}
#dyMenu a:hover td.main {border:1px inset;}
#dyMenu a div {display:none;}
#dyMenu a:hover div {display:block;position:absolute;border:2px outset;}
#dyMenu a div a {background:#D4D0C8;width:250px;padding:2px 0px 2px 3px;}
#dyMenu a div a span.thr {width:6%;}
#dyMenu a div a span.for {width:6%; center center no-repeat;}
#dyMenu a div a span {width:10%;}
#dyMenu a div a span.sub {width:10%; left top no-repeat;}
#dyMenu a div a i {font-style:normal;width:72%;padding:0px;}
#dyMenu a div a i.sub {font-style:normal;width:68%;padding:0px;}
#dyMenu a div a b {font-weight:normal;width:16%;}
#dyMenu a div a em {font-style:normal;width:5%; left left no-repeat;}
#dyMenu a div a:hover {background:#0A246A;color:#ffffff;}
#dyMenu a div a:hover span.thr {width:6%;background:#0A246A;}
#dyMenu a div a:hover span.for {width:6%; center center no-repeat;}
#dyMenu a div a:hover span {width:10%;background:#0A246A;}
#dyMenu a div a:hover span.sub {width:10%;background:#0A246A; left top no-repeat;}
#dyMenu a div a:hover i {font-style:normal;width:72%;background:#0A246A;color:#ffffff;padding:0px;}
#dyMenu a div a:hover i.sub {font-style:normal;width:68%;background:#0A246A;color:#ffffff;padding:0px;}
#dyMenu a div a:hover b {font-weight:normal;width:16%;background:#0A246A;color:#ffffff;}
#dyMenu a div a:hover em {font-style:normal;width:5%;background:#0A246A;color:#ffffff; left center no-repeat;}
</style>
<div id="dyMenu">
<a href="#">
<table cellspacing="0" align="left">
<tr><td class="main">资讯平台</td></tr>
<tr><td>
<div>
<a href="#" ><span class="thr"></span><i>[1]新建资讯</i><b>INFO...</b><em></em></a>
<a href="#" onClick="MM_openBrWindow('../A/A.asp','','width=820,height=600')" ><span class="thr"></span><i>[2]新建内部短讯</i><b>MESS...</b></a>
<a href="#" onClick="MM_openBrWindow('../A/A.asp','','width=820,height=600')" ><span class="thr"></span><i>[2]新建客户短讯</i><b>MESS...</b></a><hr>
<a href="../A/A.asp" target="forum"><span class="thr"></span><i>[3]公告通知</i><b></b></a>
<a href="#"><span class="thr"></span><i>[4]内部新闻</i><b></b></a>
<a href="../A/A.asp" target="forum"><span class="thr"></span><i>[5]短讯息</i><b></b></a>
<a href="#"><span class="thr"></span><i>[6]奖罚公示</i><b></b></a>
</div>
</td></tr>
</table>
</a>
</div>
说明:鼠标经过时,能显示下拉细分菜单,但是鼠标点不上,鼠标离开主菜单,下面的细分菜单就会消失。 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询