div:hover在IE浏览器下失效的有关问题，求解决方案，附源代码
日期：2014-05-17 浏览次数：20758 次
div:hover在IE浏览器下失效的问题，求解决方案，附源代码。
在遨游、Chrome浏览器都可以，就是IE浏览器不可以(IE9)，用IETESTER的各个版本IE也不行。下面是代码（只是一个导航）：
知道的讨论下解决方法。
------解决方案--------------------
你没发现div 的效果已经被li的效果覆盖了嘛。。
------解决方案--------------------
<div class="navMenu" >
Home
</div>
这个你写成<a href="#">home</a>
li a:hover{ background:#000; border:1px solid #fff;}
这样可以！！
------解决方案--------------------
朋友，你的li能不能用在DIV里面，而不要把DIV內镶到li里面。
个人推荐，供参考。欢迎回访
------解决方案--------------------
用js
在遨游、Chrome浏览器都可以，就是IE浏览器不可以(IE9)，用IETESTER的各个版本IE也不行。下面是代码（只是一个导航）：
- HTML code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>新实验</title>
<style type="text/css">
/*nav*/
#navBox{
width:959px;
height:30px;
margin:0 auto;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
}
#navul{
list-style-type:none;
}
.navmenu{
margin-left:0px;
cursor:pointer;
float:left;
width:150px;
height:30px;
line-height:30px;
text-align:center;
background-color:#CD950C;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}
.navmenu:hover{
background-color:#A0522D;
border:1px solid #8B4513;
}
ul{
margin-left:0px;
padding-left:0px;
margin-top:0px;
}
li{
float:left;
}
/*footer*/
#footer{
margin:0 auto;
margin-bottom:0px;
width:959px;
height:100;
border:1px solid #DDDDDD;
}
#footerul{
list-style-type:none;
}
</style>
</head>
<body>
<div id="navBox">
<ul id="navul">
<li>
<div class="navMenu" >
Home
</div>
</li>
<li>
<div class="navMenu">
Portfolio
</div>
</li>
<li>
<div class="navMenu">
Blank
</div>
</li>
<li>
<div class="navMenu">
Guestbook
</div>
</li>
<li>
<div class="navMenu">
About
</div>
</li>
</ul>
</div>
<div id="footer">
<dt id="footerul">
<dd>
<div>这是一个还未完成的网站</div>
</dd>
</dt>
</div>
</body>
</html>
知道的讨论下解决方法。
------解决方案--------------------
你没发现div 的效果已经被li的效果覆盖了嘛。。
------解决方案--------------------
<div class="navMenu" >
Home
</div>
这个你写成<a href="#">home</a>
li a:hover{ background:#000; border:1px solid #fff;}
这样可以！！
------解决方案--------------------
朋友，你的li能不能用在DIV里面，而不要把DIV內镶到li里面。
个人推荐，供参考。欢迎回访
------解决方案--------------------
用js
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
