龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

超连接点击无虚线框的多种实现方法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
次点击超链接的时候会有一个虚线框 挺烦人的 所以搞个让他消失代码 ,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法 次点
次点击超链接的时候会有一个虚线框 挺烦人的 所以搞个让他消失代码 ,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法

次点击超链接的时候会有一个虚线框  挺烦人的   所以搞个让他消失代码 ,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法

首先是FF
只需要加上一个属性就可以了  outline:none;  这样在ff里边就不显示了
再次就是IE
ie里边就没有css教程属性可控制了, 那怎们办那  其实可以在html控件上加一个属性 hidefocus=“true”;

好了 你可以测试下


<a hideFocus="true" style= "outline:none;" alt= "ooxx" href= "#" >ooxx</a>

一,在<a>标签中加入onFocus="this.blur()"语句:

<a href="#" onFocus="this.blur()">try</a>
-----------------------------------------------------------

二,在<a>标签中加入hidefocus:

<a href="###" hidefocus>link</a>
-----------------------------------------------------------

三,如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:

<public:attach event="onfocus" onevent="makeblur()"/>
<script language="网页特效">
function makeblur(){
this.blur();
}
</script>

在 CSS 中加入如下代码:

A { behavior:url(blur.htc); }
-----------------------------------------------------------

四,使用CSS样式,可加入代码:

a {blr:expression(this.onFocus=this.blur())}
-----------------------------------------------------------
 

这样,站内所有的文章都实现了无虚线效果了。


精彩图集

赞助商链接