本文介绍了如何解决此问题(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>

推荐答案


这篇关于如何解决此问题(Css和IE)Li:hover的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-05 13:55
查看更多