橫幅圖片上的鏈接未在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中被點擊

回答

相關問題