横幅图片上的链接未在IE中被点击

的HTML结构是这样的

<a href="#"><img src="#" usemap="abc"></img></a><map name="abc"><area ...></map>

实际代码：

<div id="promotion_banner" Style="position:fixed;right:0pt;top:25%;cursor: pointer;display:none;z-index:101;"> <a href="http://www.abc.com"> <img src="off-open-mar.png" alt="ABC" usemap="#hide_promo"></img> </a> <map name="hide_promo"> <area shape="rect" coords="20,235,42,260" id="hide_promotion" alt="text"> </map> </div>

当我点击Chrome或Firefox或Opera或除了IE以外的其他浏览器的旗帜是工作的罚款。

但是，当我在IE中尝试同样的事情，它不是点击。悬停时，它显示适当的URL，但该URL不可点击。
您可以通过右键点击横幅或点击一次URL然后点击输入来访问URL。

如果有人知道，请告诉我。

来源

2013-03-24 Prateek

你不需要关闭img标签。抓住我以前的评论。 – btevfik 2013-03-24 10:58:52

这个工作没有地区和地图吗？ – btevfik 2013-03-24 10:59:57

你是否也试过w3schools上的那个？这工作在您的浏览器http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap – btevfik 2013-03-24 11:00:54

这应该在任何浏览器中完美地工作：

<div id="promotion_banner"> 
<a href="2.html"> <img src="r.jpg" alt="ABC" usemap="#hide_promo" onclick="location.href='2.html'" style="cursor: hand;"/> </a> 
<map name="hide_promo"> 
    <area shape="rect" coords="20,235,42,260" id="hide_promotion" alt="text" /> 
</map> 
</div>

我在IE浏览器测试，它的工作完美。因为，横幅图像的链接是没有得到点击IE浏览器中，由于兼容性问题，所以我呼吁的JavaScript的onclick功能：

onclick="location.href='2.html'"

，使其点击。

Please note：我给了URL故意在两个地方：

(1)<a href="2.html"> 
(2)"location.href='2.html'"

因为第二届一个onclick="location.href='2.html'"支持，只有在IE效果很好。

对于所有浏览器（铬，Safari浏览器，火狐，歌剧）比IE等，对<a href="2.html"><img...连接一定会成功。

棘手的解决方案，但适用于任何浏览器。

来源

2013-03-24 12:02:49

感谢仅限Ritesh的作品 – Prateek 2013-03-24 12:16:45

欢迎@Prateek如果这是有用的，请upvote并接受答案:)谢谢！ – 2013-03-24 12:18:08

欢迎@Prateek，如果我的回答很有用，请Upvote并接受答案:)谢谢！ :) – 2013-03-24 12:32:51

横幅图片上的链接未在IE中被点击

回答

相关问题