如何去掉图片点击后的超级链接产生的虚框问题

当前位置 : 首页 > 网页制作 > CSS > 如何去掉图片点击后的超级链接产生的虚框问题

如何去掉图片点击后的超级链接产生的虚框问题

来源: 作者: 时间:2015-11-05 11:49
如何取消图片超链接时产生的虚框呢?由于产生的虚线框影响页面美观所以想把它去掉,本文提供两种去掉方法,感兴趣的朋友可以参考下哈
如何取消图片超链接时产生的虚框呢?由于产生的虚线框影响页面美观所以想把它去掉,本文提供两种去掉方法,感兴趣的朋友可以参考下哈

方法一:

复制代码
代码如下:

<a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'>
<img id="img_a" border=0 align="middle" src="login_image/a_1.jpg" alt="没有图片!"> </img>
</a>


复制代码
代码如下:

onfocus=this.blur()

增加这个,可以去掉!
方法二:
1.把一下代码存成一个1.htc的文件

复制代码
代码如下:

<public:attach event="onfocus" onevent="example()" />
<script language="javascript">
function example(){
this.blur();
}
</script>

2.在你的html文件head中加入以下代码,这样所有的连接都没虚线了

复制代码
代码如下:

<style>
a {behavior:url(1.htc)}
area {behavior:url(1.htc)}
</style>

Tag:
网友评论

<