使ie6 支持:hover等伪类
2009-03-30 15:52
225 查看
由于万恶的ie6 ,对 伪类:hover 等伪类支持的欠缺。 所有需要用js+css 来弥补这个缺陷,让你的页面能兼容IE6 正常显示。
原理:针对ie6,改变目标className为 className_hover。 当然,在css样式中要有对应的样式。
css 中这样写 className:hover, className_hover{....................}
原理:针对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.length;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.length;i++){ pr[i].onmouseover=function(){ this.tmpClass=this.className; this.className+="_hover"; } pr[i].onmouseout=function(){ this.className=this.tmpClass; } } }
相关文章推荐
- 让IE6支持hover伪类效果
- ie6不支持hover ie6 标签(除a标签)不支持伪类:hover解决方案
- 【技术帖】IE6所有标签元素支持hover伪类的解决方案
- 关于CSS在IE6以下浏览器不支持:hover伪类的解决方式
- IE6不支持非A元素:hover伪类的bug的处理
- IE6:支持非a标签的hover属性
- Whatever:hover – 无需javascript让IE支持丰富伪类
- 原创 让IE6也支持hover[JS模拟]
- 关于IE6下a标签的a:hover伪类失效的问题
- JS解决IE6不支持li:hover的代码
- Whatever:hover – 无需javascript让IE支持丰富伪类
- 完美解决IE6不支持hover的方法
- 使IE6支持:hover效果使用li:hover或div:hover
- IE6:支持非a标签的hover属性
- 让IE6 也支持 :hover —— jquery ie-hover 插件
- IE6 的 hover 伪类 bug
- CSS a:hover伪类在IE6下的问题
- 两种办法解决IE6下非链接不支持hover的问题
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- IE6不支持hover解决方案