在area中如何去掉热点鼠标点击时出现的边框,解决兼容火狐、IE浏览器,onFocus="this.blur();只解决了chrome浏览器不显示边框,但在火狐、IE下仍出现虚线边框的情况。试过在<area>中添加hidefocus="true"无效
<table> <tr> <td><img name="Dec_jhs_r5_c1" src="images/r5_c1.jpg" width="700" height="533" border="0" id="r5_c1" usemap="#r5_c1" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="533" border="0" alt="" /></td> </tr> </table> <map name="r5_c1" id="r5_c1"> <area shape="poly" coords="1,0,700,0,701,142,555,142,490,250,315,249,317,301,0,301,1,0" href="#" target="_blank" alt="" onFocus="this.blur();" /> <area shape="poly" coords="1,301,302,309,306,533,2,531,1,301" href="#" target="_blank" alt="" onFocus="this.blur();"/> </map>
先顶一个 希望各位高手的回复###### 有没有人回复一下呢?在线等 希望######
可以用css试下
img,a{ outline:none; /*移除超链的虚线框 IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/ }
######回复 @Angelly : 你再加个area:focus{outline:none;}试试,应该outline 火狐是识别的。######非常感谢您 ,在您的赐教下已经能够兼容IE了 img{outline:none;}<!--能兼容IE--> 可是火狐仍然不生效,能否继续帮忙呢?######好的 谢谢 我马上尝试一下哈######
因为涉及出现方框的代码中没有img或a的标签,我修改为area 但是执行的结果仍然有边框
area{outline:none; /*移除超链的虚线框 IE8,FF有用*/
hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/
}<html> <head> <title>Dec_jhs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .bg{height:300px;width:800px;background-color:green;padding-top:70px;padding-left:15px;} img{ outline:none; <!--移除超链的虚线框 IE9,IE8,IE6有用--> } </style> </head> <body bgcolor="#ffffff"> <div class="bg"> <img name="Dec_jhs" src="images/Dec_jhs.jpg" width="700" height="57" border="0" id="Dec_jhs" usemap="#m_Dec_jhs" alt="" hidefocus="true" /><!--火狐中仍然不生效 hidefocus="true"--> <map name="m_Dec_jhs" id="m_Dec_jhs"> <area shape="rect" coords="328,0,700,57" href="http://www.sina.com" target="_blank" alt="" onFocus="this.blur();" /><!--移除超链的虚线框 chrome有用 onFocus="this.blur();--> <area shape="rect" coords="0,0,328,57" href="http://www.baidu.com" target="_blank" alt="" onFocus="this.blur();" /><!--移除超链的虚线框 chrome有用 onFocus="this.blur();--> </map> </div> </body> </html>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。