IE浏览器图片存在热点和链接时链接失效

在IE浏览器下,如果图片加了链接,并且同时需要给图片加热点的时候,链接会失效,无法点击,⊙﹏⊙b汗

测试代码如下
+展开
-HTML
<a href="//"><img src="//logo.jpg" border="0" usemap="#Map"/>
<map name="Map" id="Map"><area shape="rect" coords="5,18,85,29" href="mailto:shaobo@chinabn.org" /></map></a>



IE的bug还真多。没办法,只好用事件来解决这问题了,修改好的代码如下

+展开
-HTML
<a href="//" onclick="if(document.all&&event.srcElement.tagName!='AREA')top.location=this.href;"><img src="//logo.jpg" border="0" usemap="#Map"/>
<map name="Map" id="Map1"><area shape="rect" coords="5,18,85,29" href="mailto:shaobo@chinabn.org" /></map></a>

加支付宝好友偷能量挖...


原创文章,转载请注明出处:IE浏览器图片存在热点和链接时链接失效

评论(0)Web开发网
阅读(152)喜欢(0)HTML/CSS兼容/XML