用CSS做下拉菜单后,FF正常显示,IE却是当鼠标继续往下滑时,下拉菜单自动消失
<%constChannelID=2callMenuJS()SiteTitleAll=HeadTitle&"-"&SiteTitle%><html><head><TITL...
<%const ChannelID=2
call MenuJS()
SiteTitleAll= HeadTitle & "-" & SiteTitle
%>
<html>
<head>
<TITLE><%=SiteTitleAll%></TITLE>
<meta content="<%=LogoUrl%>" name="keywords">
<meta content="<%=Copyright%>" name="description">
<meta content="<%=WebmasterName%>" name="author">
<meta name="Robots" contect= "all">
<link rel="shortcut icon" href="logo.ico">
<link rel="icon" href="yeeyee.gif" type="image/gif" />
<!--#include file="inc/SysProduct.asp" -->
<style type="text/css">
<!--
/*弹出菜单*/
#PopUp ul{
list-style:none;
font-size:12px;
text-decoration:none;
}
#PopUp li{
float:left;
margin-right:10px;
padding:0px;
background:#ddd;
border:1px solid #ffeecc;
}
#PopUp li a{
line-height:30px;
width:100px;
display:block;
text-align:center;
text-decoration:none;
}
#PopUp li a:hover{
position:relative;
}
#PopUp li span{
display:none;
border:0px solid #cceeff;
}
#PopUp li a:hover span{
display: block;
position: absolute;
top:27px;left:-3px;
z-index:1;
}
#PopUp li:hover,#PopUp li a:hover span,#PopUp li a:hover dd{}
#PopUp dd{
background:none;
}
#PopUp li a:hover dd a{
float:left;
background:#ddd;
margin-top:1px; /* 弹出下拉条中间隔缝 */
}
#PopUp li a:hover,#PopUp li a:hover dd a:hover{ /* 鼠标放上后背景样式 */
background:#eeeeee;
}
-->
</style>
</head>
<body>
<div id="PopUp">
<ul>
<li> <a href="#here">1 <span>
<table>
<tr>
<td><dl>
<dd><a href="#m1">menu1</a></dd>
<dd><a href="#m2">menu2</a></dd>
<dd><a href="#m2">menu2</a></dd>
<dd><a href="#m3">menu3</a></dd>
<dd><a href="#m4">menu4</a></dd>
<dd><a href="#m5">menu5</a></dd>
</dl></td>
</tr>
</table>
</span> </a> </li>
<li> <a href="#here">2 <span>
<table>
<tr>
<td><dl>
<dd><a href="#m1">menu1</a></dd>
<dd><a href="#m2">menu2</a></dd>
<dd><a href="#m3">menu3</a></dd>
<dd><a href="#m4">menu4</a></dd>
<dd><a href="#m5">menu5</a></dd>
<dd><a href="#m6">menu6</a></dd>
</dl></td>
</tr>
</table>
</span> </a> </li>
</ul>
</div>
</body>
</html>
出现的状况如题。
后来加了类似<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这样的语句后,IE正常了,但我网页里的其他内容不对了,所以不能加这中定义的语句。
求帮忙,在线等!
大伙帮帮忙吧~~!~!~! 展开
call MenuJS()
SiteTitleAll= HeadTitle & "-" & SiteTitle
%>
<html>
<head>
<TITLE><%=SiteTitleAll%></TITLE>
<meta content="<%=LogoUrl%>" name="keywords">
<meta content="<%=Copyright%>" name="description">
<meta content="<%=WebmasterName%>" name="author">
<meta name="Robots" contect= "all">
<link rel="shortcut icon" href="logo.ico">
<link rel="icon" href="yeeyee.gif" type="image/gif" />
<!--#include file="inc/SysProduct.asp" -->
<style type="text/css">
<!--
/*弹出菜单*/
#PopUp ul{
list-style:none;
font-size:12px;
text-decoration:none;
}
#PopUp li{
float:left;
margin-right:10px;
padding:0px;
background:#ddd;
border:1px solid #ffeecc;
}
#PopUp li a{
line-height:30px;
width:100px;
display:block;
text-align:center;
text-decoration:none;
}
#PopUp li a:hover{
position:relative;
}
#PopUp li span{
display:none;
border:0px solid #cceeff;
}
#PopUp li a:hover span{
display: block;
position: absolute;
top:27px;left:-3px;
z-index:1;
}
#PopUp li:hover,#PopUp li a:hover span,#PopUp li a:hover dd{}
#PopUp dd{
background:none;
}
#PopUp li a:hover dd a{
float:left;
background:#ddd;
margin-top:1px; /* 弹出下拉条中间隔缝 */
}
#PopUp li a:hover,#PopUp li a:hover dd a:hover{ /* 鼠标放上后背景样式 */
background:#eeeeee;
}
-->
</style>
</head>
<body>
<div id="PopUp">
<ul>
<li> <a href="#here">1 <span>
<table>
<tr>
<td><dl>
<dd><a href="#m1">menu1</a></dd>
<dd><a href="#m2">menu2</a></dd>
<dd><a href="#m2">menu2</a></dd>
<dd><a href="#m3">menu3</a></dd>
<dd><a href="#m4">menu4</a></dd>
<dd><a href="#m5">menu5</a></dd>
</dl></td>
</tr>
</table>
</span> </a> </li>
<li> <a href="#here">2 <span>
<table>
<tr>
<td><dl>
<dd><a href="#m1">menu1</a></dd>
<dd><a href="#m2">menu2</a></dd>
<dd><a href="#m3">menu3</a></dd>
<dd><a href="#m4">menu4</a></dd>
<dd><a href="#m5">menu5</a></dd>
<dd><a href="#m6">menu6</a></dd>
</dl></td>
</tr>
</table>
</span> </a> </li>
</ul>
</div>
</body>
</html>
出现的状况如题。
后来加了类似<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这样的语句后,IE正常了,但我网页里的其他内容不对了,所以不能加这中定义的语句。
求帮忙,在线等!
大伙帮帮忙吧~~!~!~! 展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句话是告诉浏览器使用的是哪稿灶种标准桐铅。加了这个你网页其局敬好他页面出问题 那是你网页写的不够标准 所以加了这个会出问题
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询