解决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)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:ie5.5以上版本,ie5.5以上版本,ie8以上版本,ie版本过低怎么升级win7,ie版本过低,请您使用ie9及ie9以上版本,ie版本低,ie8以上版本,ie7.0,内容如对您有帮助，希望把文章链接给更多的朋友！

脚本控制三行三列自适应高度DIV布局这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现

通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐通过CSSHack区分FX/IE7/IE6/IE5.5/IE5这是在FireFox或者Opera下面的效果这是在IE6下面的效果这是在IE7下面的效果以下为简单区分FF/IE6/IE7示例这行文字在FF下应为

HTML/XHTML模板每次都写一大堆东西太麻烦了，所以就弄这个模板出来，每次直接复制或者修改删除一部分就可以直接用了[Ctrl+A全选注:如需引入外部Js需刷新才能执行]