IE浏览器图片存在热点和链接时链接失效--HTML/WML/CSS兼容/XML--编程设计网

=波波日志 > HTML/WML/CSS兼容/XML > IE浏览器图片存在热点和链接时链接失效=

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

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

测试代码如下

-HTML

<a href="http://www.code-design.cn"><img src="http://www.code-design.cn/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="http://www.code-design.cn" onclick="if(document.all&&event.srcElement.tagName!='AREA')top.location=this.href;"><img src="http://www.code-design.cn/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>

类别：HTML/WML/CSS兼容/XML　作者：波波　日期：2010-12-22　【评论：0】　

上一篇：IE5+的 Behavior HTC文件　
下一篇：button,input type=button按钮在IE和w3c，firefox浏览器区别

暂时没有评论！

发表留言

热门博文