Jquery IE7表现古怪,悬停在ul li列表上,没有任何中断
当我将鼠标悬停在链接上时,我会显示动作列表。它在firefox 3.6和Ie8中运行良好,但在IE7中工作不一样 这是我的密码:Jquery IE7表现古怪,悬停在ul li列表上,没有任何中断,jquery,html,css,internet-explorer-7,internet-explorer-6,Jquery,Html,Css,Internet Explorer 7,Internet Explorer 6,当我将鼠标悬停在链接上时,我会显示动作列表。它在firefox 3.6和Ie8中运行良好,但在IE7中工作不一样 这是我的密码: <td class="noTableStyle"> <a href="#">Actions</a> <ul> <li><a href="#" title="Edit">Edit</a></li> <li><a id="Delete" hr
<td class="noTableStyle">
<a href="#">Actions</a>
<ul>
<li><a href="#" title="Edit">Edit</a></li>
<li><a id="Delete" href="#">Delete</a></li>
</ul>
</td>
这是我的CSS:
d.noTableStyle {
background-color:Transparent;
}
td.noTableStyle ul {
margin-top:0px;
list-style-type:none;
z-index: 2;
position:absolute;
float:left;
background-color: #EBF5F8;
margin-left: 1px;
padding-left:0px;
}
td.noTableStyle ul {
background-color:#EBF5F8;
padding:2px;
}
在firefox/IE8中,链接显示在action下,但在IE7中,编辑和删除链接显示在右侧
我真的很想得到一些帮助。谢谢大家组合
位置:绝对代码>和<代码>浮动:左侧代码>使其粘贴在链接的右侧。由于您希望它位于链接的正下方,并且默认情况下,
已经是一个块元素,因此我看不到将其设置为位置:绝对;浮动:左代码>。所以我建议只删除这些属性。它将以您期望的方式在所有浏览器中工作
d.noTableStyle {
background-color:Transparent;
}
td.noTableStyle ul {
margin-top:0px;
list-style-type:none;
z-index: 2;
position:absolute;
float:left;
background-color: #EBF5F8;
margin-left: 1px;
padding-left:0px;
}
td.noTableStyle ul {
background-color:#EBF5F8;
padding:2px;
}