不適用於Internet Explorer 10的圖像地圖

Question

<img src="images/imagemap.png" width="600" height="100" border="0" usemap="#map" /> 

<map name="map"> 
<!-- #$-:Image map file created by GIMP Image Map plug-in --> 
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> 
<!-- #$-:Please do not edit lines starting with "#$" --> 
<!-- #$VERSION:2.3 --> 
<!-- #$AUTHOR:Eric --> 
<area shape="rect" coords="2,2,98,97" onclick="scrollto1()" style="cursor: pointer;"  /> 
<area shape="rect" coords="102,3,202,95" onclick="scrollto2()" style="cursor:  pointer;" /> 
<area shape="rect" coords="208,3,307,95" onclick="scrollto3()" style="cursor: pointer;"/> 
<area shape="rect" coords="315,5,409,98" onclick="scrollto4()" style="cursor: pointer;"/> 
<area shape="rect" coords="413,6,502,97" onclick="scrollto5()" style="cursor: pointer;"/> 
<area shape="rect" coords="507,4,597,97" onclick="scrollto6()" style="cursor: pointer;"/> 
</map> 

圖像地圖在除Internet Explorer 10以外的所有瀏覽器中都是可點擊的。我想知道是否有某種方法可以使Internet Explorer中的工作正常運行。

Answer 1

我已經更新了你的代碼，它現在的工作:)

你沒有區域自動關閉，而你失蹤href="#"和風格完全不:)

檢查小提琴所需你想檢查的情況下

Link : http://jsfiddle.net/MarmeeK/bD4s7/ 

<img src="http://images5.fanpop.com/image/photos/30600000/Template-800-x-100-pippy-and-jezzis-world-of-purdy-mindedness-30664157-800-100.jpg" width="600" height="100" border="0" usemap="#maps" alt="" /> 

<map name="maps"> 

<area shape="rect" coords="2,2,98,97" onclick="scrollto1()" style="cursor: pointer;"  > 
<area shape="rect" coords="102,3,202,95" href="#" > 
<area shape="rect" coords="208,3,307,95" href="#" > 
<area shape="rect" coords="315,5,409,98" href="#" > 
<area shape="rect" coords="413,6,502,97" href="#" > 
<area shape="rect" coords="507,4,597,97" href="#" onclick="javascript:alert('hi');" > 
</map>