IE的:hover问题

:hover是在 CSS中用来制作效果最常用到的一个伪类。比如：链接的鼠标悬停效果 a:hover 。

但用在比如 li:hover 上再 IE6下就没有效果，而 Firefox 下却解析正常。这样一来在 Firefox下有漂亮的 hover 效果的标签用 IE6 来打开就会失去不少亮丽的风景了，然而 firefox 的用户有实在太少了，难道你小区旁边的网吧里都装了firefox 来作为默认的浏览器？

IE6下用JS是可以实现部分hover效果:

<style type="text/css">
p:hover,
p.hover { background:#eee; }
</style>

下面这段代码要放到页面的底部在</body> 前

<script type="text/javascript">
<!– // 让所有标记支持hover
function $(){
if(document.all){ // 判断是否IE浏览器
var obj=document.all;
for(var i=0;i<obj.length;i++){
obj[i].onmouseover=function(){
this.className="hover"
} ;
obj[i].onmouseout=function(){
this.className=""
}
}
}
}
$();
//–>
</script>