使用CSS表达式去除超链接的虚框的一些方法

去除超链接的虚框的一些方法

1. a{

blr:expression(this.onFocus=this.blur());/*IE使用*/ 
outline-style:none;/*FF使用*/ 
} /*去除a标签带来的虚框*/ 
2、全 局控制  CSS实现 
a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */   
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */   
a:focus { -moz-outline-style: none; } /* 支持火狐   IE不支持 */

方法一: 
<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="quit()" />

<script language="javascript"> 
function quit(){ 
this.blur(); 

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

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

总结方法:
去掉链接时的虚框只要在你的样式表中加入以下代码,就可以去掉链接时烦的的虚框   
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */

时间: 2024-10-18 13:38:19

使用CSS表达式去除超链接的虚框的一些方法的相关文章

CSS如何去除超链接点击时的虚线

CSS如何去除超链接点击时的虚线:建议:尽可能的手写代码,可以有效的提高学习效率和深度.当点击链接的时候,默认情况下会出现一个虚线框.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title

jquery返回顶部-ie6配合css表达式。

css: .wraper{ width:980px; height:2048px; margin:0 auto; background:#ccc; } /*返回头部*/ #backToTop a{ display:block; cursor:pointer;width:25px; height:26px; text-indent:-9999em; position:absolute; left:0; top:0; z-index:10;} #backToTop .bt_bg{ backgroun

CSS如何实现超链接背景切换

CSS如何实现超链接背景切换:建议:尽可能的手写代码,可以有效的提高学习效率和深度. 相当数量的网站在导航栏都有如此效果:当鼠标放在导航栏目上,背景图片会发生变化,移开之后又会还原原来的背景图片.下面简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo

常用css表达式-最小宽度-上下居中

/* IE6下最小宽度的CSS表达式 */ width:100%; min-width:1024px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1024?"1024px":""); 模块垂直居中,兼容IE6,注意,模块的所有父辈标签不能有定位属性,不能有overflow:hidden; .duilian_right{width:90p

在Word中去除超链接的两种方法

本文来自e良师益友网 不少朋友都有这样一个疑问:在Word中输入网站地址,回车之后,先前输入的地址就自动转变为了蓝色的超链接,如果我们不想这样,该如何设置呢?下面,简单的介绍两种方法给大家参考. 方法一:运用自动更正选项 1.启动Word2003,在空白处直接输入网站地址之后,自动变为蓝色的超链接形式,我们仔细发现,首字母下有一道横线,光标移动至此,显示自动更正选项. 2.单击自动更正选项,有三个可供选择的,选择控制自动更正选项. 3.在键入时自动套用格式选项卡中,取消勾选Internet及网络

Less里css表达式的写法

项目中用的grunt-contrib-less, 写了以下less代码 .mapfix{ position: fixed; top:10px; width: 430px; z-index: 100; background: #fff; -position:absolute; top:expression(eval(document.documentElement.scrollTop)); } 注意底部两行是为了兼容IE6,即修复IE6的fixed.IE7+已经支持了. 执行less命令后,报错

去掉a标签超链接的虚线框的方法

去掉a标签超链接的虚线框的方法,需要的朋友可以参考下. a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 全 局控制 CSS实现 a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:e

切点表达式定义了拦截类中所有方法,所以每个方法都被增强

1.AOP的作用 在OOP中,正是这种分散在各处且与对象核心功能无关的代码(横切代码)的存在,使得模块复用难度增加.AOP则将封装好的对象剖开,找出其中对多个对象产生影响的公共行为,并将其封装为一个可重用的模块,这个模块被命名为"切面"(Aspect),切面将那些与业务无关,却被业务模块共同调用的逻辑提取并封装起来,减少了系统中的重复代码,降低了模块间的耦合度,同时提高了系统的可维护性. 2.DI 和 IOC 概念 依赖注入或控制反转的定义中,调用者不负责被调用者的实例创建工作,该工作

CSS实现文字半透明显示在图片上方法

CSS实现文字半透明显示在图片上方法 在css中文字半透明我们会需要使用滤镜效果也就是css中的filter:alpha来实现了,下面来看两个文字显示在图片上并且半透明的例子. CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色. 代码预览 代码如下 复制代码 <head> <meta http-equiv="Content-Type" content="text/html; charse