解决IE7以下版本不支持无A状态伪类的几种方法(ie版本过低怎么升级win7)

编辑：rootadmin

在IE7以下版本一直是不支持无A状态伪类的，通常都要靠Javascript来解决的，最近经常有人问起此类问题，故整理了几种方法，脚本来自国外网站，供大家参考。方法一 javascript文件，来自Htmldog . 脚本可改动的部分 //这里写入你需要效果的标签 suckerfish(sfHover, "INPUT"); suckerfish(sfFocus, "INPUT"); suckerfish(sfHover, "p"); CSS input:focus,input.sffocus { background: #F8F8F8; color: #; border: 1px solid red; } input:hover,input.sfhover{ background: #EEE; color: #; border: 1px solid #; } p:hover,p.sfhover{ background: #EEE; color: #; border: 1px solid #; } p:hover,p.sfhover{ background: #EEE; color: #; } 上面代码中第一个类是给支持CSS2的浏览器，第二个是给IE6及以下版本的。需注意的是，你给某标签设定了，那么整个页面内的这个标签都会沿用同一个样式。方法二 javascript文件. 脚本可改动的部分 1. if (allElements[i].className.indexOf('hovereffect') !=-1) CSS 1. .hovereffect{ 2. Background: #CCC; 3. } 在需要应用效果的地方用class="hovereffect"调用。这种方法比较灵活。方法三使用网上常见的onmouseover、onmouseout这类东西，行为和结构不分离，不推荐使用。

推荐整理分享解决IE7以下版本不支持无A状态伪类的几种方法(ie版本过低怎么升级win7)，希望有所帮助，仅作参考，欢迎阅读内容。