北京标志设计北京标志设计

北京logo设计
15801389520

关于大标

核心服务

点击链接出现虚线框问题

时间:2012-06-06 13:45 来源:互联网 作者:dabiaosheji  点击:

无论文字还是图片鼠标点击链接都会出现一个虚线框,这是问什么呢?不能去掉吗?
答案是能够去掉,这是关于CSS 中的 outline 属性,有人试验发现在IE中和Firefox中的的虚线框范围并不一样,也就是说:
IE 和 Firefox 对于 outline的解析范围并不一样,IE 认为虚线框就是文字或图片外border的边缘,而 Firefox 则认为虚线框是文字或图片的范围。

解决办法是:
IE 中使用它的私有的html属性:hideFoucs,在标签中加入 hidefocus=”true” 属性即可。即:
<coolcode lang="html"><a href=“#” hidefocus=”true” title=”斗斗鱼部落”>文字或图片</a></coolcode>
而在 Firfox 浏览器中则相对于在IE中就比较容易啦,可以直接给标签 链接定义一个样式 outline:none; 就可以了,
即:<coolcode lang="html">a:foucs{outline:none;}.</coolcode>

-----------------------------------------------------------------------------------------------------------------------

返回顶部