map が機能しない
<div><img src="images/topbar.gif" alt="" usemap="#map2" border="0" /></div>
<map name="map2">
<area href="site.html" alt="" shape="rect"coords="394,57,495,68" />
<area href="toi.html" alt="" shape="rect" coords="510,57,605,68" />
</map>
上記のようにリンクを画像上に設置しましたが、IE6では機能しませんでした。
原因はalphafilter.jsというジャバスクリプトを使用していたからです。、これはサイトの外枠に影を入れるため、透過png の画像を使用したいためです。透過pngをIE6で有効にするためにalphafilter.js
を使ったわけす。
mapを機能させるためにはalphafilter.jsを外さなければなりません。
IE6で外枠の影、map両方を機能させる良い方法はないでしょうか?
CSSハックでIE6のみ透過gifを使うという方法はとりたくないです。何故なら透過gifは画像が粗いからです。