如何去除热点工具map里的area被点击后的蓝色边框?

用DW做热点后的图在淘宝店铺装修的时候放到淘宝首页上,发现点击时热区边缘有蓝色的边框,如何去除呢?
 用DW做热点后的网店店招放到淘宝首页上,发现点击时热区边缘有蓝色的边框,如何去除呢?
  1. <img src="demo.png" alt="益享天开——专注web技术分享" width="700" height="150" border="0" usemap="#dianzhao"/> 
  2. <map name="dianzhao" id="dianzhao"> 
  3.     <area shape="rect" coords="127,118,209,144" href="http://www.exp99.com/f2e/" target="_blank" alt="WEB前端" /> 
  4.     <area shape="rect" coords="27,117,109,143" href="http://www.exp99.com/f2e/" target="_blank" alt="WEB前端" hidefocus="true" onfocus="this.blur()" /> 
  5. </map> 

添加了两个area热点区域,其中第二个热点区域添加了属性:hidefocus="true" onfocus="this.blur()"。效果如图:

淘宝店招示例图
淘宝店招示例图

可以发现点击第二个按钮(热点区域)不会出现蓝色线框。

补充说明:由于淘宝店铺的装修要遵循淘宝规则,很多css和js是不准使用的,使用了会被淘宝后台过滤。

 

相关经验

导读书签
书签初始化中…