在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需刷新才能执行]