如何解决此问题(Css和IE)Li:hover [英] How To Resolve This Problem(Css and IE) Li:hover
本文介绍了如何解决此问题(Css和IE)Li:hover的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
li:IE浏览器中的鼠标悬停无法识别吗?
此代码在fire Fox中运行，但不在IE中运行
请帮助我
非常感谢
li:hover in IE browser not identify?
this code is run in fire Fox but not Run in IE
Please Help me
Thanks A lot
<html>
<head>
<style>
#nav,#nav ul
{
padding:0;
margin:0;
list-style:none;
}
#nav li
{
float:left;
position:relative;
width:200px;
border:1px solid #B0C4DE;
background-color: #E7EDF5;
color:#2D486C;
}
a
{
text-decoration:none;
}
#nav ul
{
position:absolute;
}
#nav li ul
{
visibility:hidden;
}
#nav li:hover ul
{
visibility:visible;
opacity:0.6;
}
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">menu1</a>
<ul>
<li><a href="#">sub1Menu1</a></li>
<li><a href="#">sub2Menu1</a></li>
<li><a href="#">sub3Menu1</a></li>
</ul>
</li>
<li><a href="#">menu2</a>
<ul>
<li><a href="#">sub1Menu2</a></li>
<li><a href="#">sub2Menu2</a></li>
<li><a href="#">sub3Menu2</a></li>
</ul>
</li>
</ul>
</body>
</html>
推荐答案
将此添加到页面顶部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Add this to the top of the page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
这篇关于如何解决此问题(Css和IE)Li:hover的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
