Question

DIV+CSS map在IE里面链接点击去边框问题

在火狐里面点击它的时候就没有黑色的边框，在IE里面浏览，点击的时候就有个黑色的边框，高手帮我解答一下，非常感谢。

div class="xp"><img src="img/xp_1.jpg" width="742" height="382" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="92,126,121,128,121,128" href="#" style="display:none"/>
<area shape="poly" coords="169,43,219,179,14,183,9,41" href="#" />
<area shape="poly" coords="320,574" href="#" />
<area shape="poly" coords="179,9,242,184,399,182,341,9" href="#" />
<area shape="poly" coords="593,182,416,185,359,12,529,10" href="#" />
<area shape="poly" coords="557,12,615,184,723,187,713,8" href="#" />
<area shape="poly" coords="14,195,14,368,141,370,165,199" href="#" />
<area shape="poly" coords="231,195,166,374,311,376,366,206" href="#" />
<area shape="poly" coords="404,196,370,366,522,370,573,203" href="#" />
<area shape="poly" coords="616,199,557,373,729,372,729,202" href="#" />
</map>
</div>

Answer 1

去掉链接（包括图片链接）的虚线边框
/* for IE */
a,area { blr:expression(this.onFocus=this.blur()) }
/* for Firefox */
:focus { outline: none; }

Answer 2

map {border:none;}

Answer 3

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */

这个很管用的

Answer 4

在a标记中加事件：onclick="this.blur()"即可