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 を 1 回クリックしてから 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 を意図的に 2 か所に指定しました。

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

2 つ目は IEonclick="location.href='2.html'"でのみサポートされ、適切に機能するためです。

IE以外のすべてのブラウザー ( chrome、safari、firefox、opera )では、リンク は機能します。<a href="2.html"><img...

トリッキーなソリューションですが、どのブラウザーでも完全に機能します。

于 2013-03-24T12:02:49.713 に答える