由于万恶的ie6 ，对 伪类:hover 等伪类支持的欠缺。 所有需要用js+css 来弥补这个缺陷，让你的页面能兼容IE6 正常显示。
原理：针对ie6，改变目标className为 className_hover。 当然，在css样式中要有对应的样式。
css 中这样写 className:hover, className_hover{………………..}
//*****************************************************
// s使ie6 支持:hover 浏览器版本判断
// 作用：让所有标记支持hover
// 原理：鼠标经过，和移开，更改标签样式
// 需要在CSS文件中
// 如：e:hover ,e_hover{…….}
// e_hover是js 给标签添加的样式
//*****************************************************
// 浏览器版本判断
var Client = {
Engine: {‘name’: ‘unknown’, ‘version’: ”},
Features: {}
};
Client.Features.xhr = !!(window.XMLHttpRequest);
Client.Features.xpath = !!(document.evaluate);
if (window.opera) Client.Engine.name = ‘opera’;
else if (window.ActiveXObject) Client.Engine = {‘name’: ‘ie’, ‘version’: (Client.Features.xhr) ? 7 : 6};
else if (!navigator.taintEnabled) Client.Engine = {‘name’: ‘webkit’, ‘version’: (Client.Features.xpath) ? 420 : 419};
else if (document.getBoxObjectFor != null) Client.Engine.name = ‘gecko’;
Client.Engine[Client.Engine.name] = Client.Engine[Client.Engine.name + Client.Engine.version] = true;
//所有标签支持:hover
//不推荐：响应会很慢
function $(){
var obj=document.all;
for(var i=0;i obj[i].onmouseover=function(){
this.tmpClass=this.className;
this.className+=“_hover”;
}
obj[i].onmouseout=function(){
this.className=this.tmpClass;
}
}
}
//e对象下的所有tag支持:hover
//推荐这种方法
function $2(e, tag){
var pr=document.getElementById(e).getElementsByTagName(tag);
for(var i=0;i pr[i].onmouseover=function(){
this.tmpClass=this.className;
this.className+=“_hover”;
}
pr[i].onmouseout=function(){
this.className=this.tmpClass;
}
}
}