为了给站上的图片加lightbox效果，效果是做上去了，但是点击图片后会出现虚线框，我自己看着都有点不爽啊，更何况用户呢？于是上网查了下。
将成果分享给需要的朋友···
复制代码- 两行简单的CSS代码就解决了去掉链接虚线框的问题：
- <style type="text/css">
- a{blr:expression(this.onFocus=this.close());} /* 针对IE */
- a:focus { -moz-outline-style: none; } /*针对firefox*/
- </style>
|
样式代码：
复制代码- a {blr:expression(this.onFocus=this.blur())}
|
如果是图片区域，可以加：
复制代码- area {blr:expression(this.onFocus=this.blur())}
|
一切都搞定了。
将图片文字的链接a属性里添加outline:none;可使点击后其周围不显示虚线的边框，达到美化界面的作用
