西门的后花园

一个热爱网络的年轻人的博客

鼠标点击超链接出现虚线的解决办法

不知道大家注意到没有,你写的网页,点一下超链接,会在链接四周出现虚线框。不管超链接里面的是文字还是图片,都会有。下面是例子:

超链接 虚线框

有虚线的例子:DEMO

那么如何解决这个问题呢?一段简单的CSS代码即可实现。

a{outline:0;blr:expression(this.onFocus=this.blur());}

这段代码前半段可以在CSS手册里查得到,就是轮廓的意思,我之前搜索的答案就是这个,但是在IE6下依然无效,还是会有虚线框,所以就求助群里的朋友。后来有人发了上面的这段代码,虽然不懂后半段的意思,但是终于在IE6里搞定了。

无虚线的例子:DEMO(因为必须定义全局,所以只能写两个例子)

博客第一次十几天之久没更新了。我总是那么忙,但是每天忙也没忙出个什么事情来。自己写的卖主机的网页快完毕了,帮ShowsCAI写的WordPress博客主题也快完毕了,但是都没有真正弄完,哎~~~

这几天估计更新会比较勤,开始帮公司写网页了,又有一些经验的东西可以分享上来。

评论列表

  1. expression这个貌似很消耗浏览器资源的……

  2. 木木同学这话说的!!!

  3. 在chrome上是看不到虚线的貌似…

  4. 其实完全没有必要这么做,有个虚线框表示你刚才已经点过了,不要造成再次误点,避免浪费时间,例如GOOGLE,访问过的地址的颜色还会改变,如时不改变,甚至链接没有下画线了,估计所有的人都习惯 😈 。

  5. 是个解决问题的好方法啊,学习了

  6. 你这个博客的博文更新的确有点儿慢,但是另外那个评IT的博客更新得挺快的,而且都是高质量的文章

  7. 我来支持一个!学习了! 😳

  8. 貌似只有在IE里才有这种情况吧,忽略~~~

  9. 这个……貌似没有必要。作为技术研究还不错哦

  10. 估计好多同学听到耗资源就放弃了

  11. 解决问题的好方法

  12. 好长时间不来了,看你的博客依然这么火

梦之源泉进行回复 取消回复

分类目录