0

我的网站上有一个促销横幅。

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 一次然后按 Enter 来访问 URL。

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

4

1 回答 1

0

这应该可以在任何浏览器中完美运行：

<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中运行良好。

对于除IE之外的所有浏览器（ chrome、safari、firefox、opera ） ，链接 都可以使用。<a href="2.html"><img...

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

于 2013-03-24T12:02:49.713 回答