读书人

去掉点击热点干的超链接之后产生的黑框

发布时间: 2012-10-31 14:37:31 作者: rapoo

去掉点击热点做的超链接之后产生的黑框或虚边火狐和IE都适用
转帖自
http://shiyun1013.blog.163.com/blog/static/107740362010425111539715/

今天用热点做个超链接,发现点击之后出现一个黑框,非常难看,在网上查了一下找到了解决办法,供大家参考:把style="blr:expression(this.onFocus=this.blur())" 加入area标签,就可以去掉点击热点后产生的黑框。

同样的道理,去掉用图片做的超链接也是一样,在图片前的<a>标签里加入个style="blr:expression(this.onFocus=this.blur())" 也可以去掉黑框或者是虚边。

如果觉得一个一个的加太麻烦的话就直接定义一个CSS即可(这个方法对所有的超链接都适用):

<style type="text/css">a{blr:expression(this.onFocus=this.blur());}</style>


备注:
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */:focus { -moz-outline-style: none; } /* for Firefox */

读书人网 >Web前端

热点推荐