给超链接去焦点框(虚线框)时遇到的问题

问题代码:

if(document.all){//for IE
$(document).ready(function(){
$(
"a").each(function(){
this.hideFocus = true;
});
});
}

为啥使用“document.all”判断,因为IE以外的浏览器都不用这么麻烦,一句CSS就搞定了:

a:focus{outline-style:none;} //支持outline-style属性的浏览器会去掉超链接的虚线框

为了IE,就这么弄了一下,然后发现页面的Logo不见了,打开页面就“闪过”一下。Logo代码在这里:

<h1 class="Logo"><a href="__APP__/" title="XXXX有限公司">XXXX有限公司</a></h1>

Logo使用了背景图像替换文字的技术(Phark方法),实际上显示的是图片。FF正常IE6不正常,郁闷之下把 $("a") 改成 $(".Nav a") 继续。

有空研究到底是哪里出了问题。

补充:

使用如下代码,未发现问题,所以高度怀疑jQuery??

if(document.all){
var trr = document.getElementsByTagName("a");
for(var i = 0;i< trr.length;i ++){
trr[i].hideFocus
= true;
}
}
改日继续。

原文地址:https://www.cnblogs.com/ShepherdIsland/p/1765781.html