网上的很多方法都包含着实用JS代码,我们平时做网站,最好少用JS代码,通过简单的HTML代码和CSS语言就可以去掉超链接的虚线框了。
在我们做网站的时候,如果是图片多的时候,点击超链接的图片就会产生虚线框,很大程度上影响了美观,并且看着也不舒服,如何去掉超链接的虚线框呢,让给济宁网站建设专家易联网络为您介绍比较实用的方法。
如果你只想针对个别链接去掉虚线框,例如就使用:<a href="http://www.kaifaku.cn/" onfocus="this.blur()">济宁网站优化</a>这样这个链接的地方点击就不会再有虚线框了。
在CSS里的A属性给加一个定义:a{blr:expression(this.onFocus=this.blur())} 这样,你全站内所有的超链接点击的时候都不会有虚线框了。
经过测试
a{blr:expression(this.onFocus=this.blur())}
a{outline:none;}
必须加上这2个,才正常,顺序不能变,IE7,8才正常
完整代码 (代码框可以往下拉高显示):