多邊形圖像地圖不能在IE上工作

我有多個多邊形的地圖，它在FF和Chrome上運行得很好，但在IE上卻不行。爲什麼是這樣，我該如何解決這個問題？多邊形圖像地圖不能在IE上工作

<img src="img/global/map-overlay.gif" width="1024" height="768" usemap="map" border="0" style="margin-top: -54px;" /> 
<map name="map"> 
    <area shape="poly" coords="259,145,336,190,333,279,260,323,186,280,178,189" href="#win-more-business" /> 
    <area shape="poly" coords="428,146,506,189,507,276,430,320,357,279,354,187" href="#coordinate-multiple-disciplines" /> 
    <area shape="poly" coords="597,148,672,190,672,279,597,321,520,279,516,192" href="#streamline-workflows" /> 
    <area shape="poly" coords="766,146,842,193,843,275,768,323,685,279,690,192" href="#efficiently-manage-project-information" /> 
    <area shape="poly" coords="174,295,251,338,254,425,173,471,98,428,98,340" href="video_asset_view.html" /> 
    <area shape="poly" coords="348,293,421,339,420,426,343,472,269,428,266,336" href="#bim-for-electrict-infrastructure" /> 
    <area shape="poly" coords="601,339,680,294,756,335,757,423,680,470,601,424" href="#bim-for-infrastructure" /> 
    <area shape="poly" coords="773,336,850,294,927,336,928,427,851,471,773,426" href="#bim-for-construction" /> 
    <area shape="poly" coords="181,486,258,442,332,483,334,573,258,617,180,571" href="#increasing-client-satisfaction" /> 
    <area shape="poly" coords="427,442,502,485,505,574,426,618,351,573,347,482" href="#greater-efficiency-across-the-lifecycle" /> 
    <area shape="poly" coords="596,440,671,482,673,571,596,618,518,572,521,480" href="#improved-workflow-productivity" /> 
    <area shape="poly" coords="688,479,762,435,843,482,845,569,765,615,686,571" href="graph_asset_view.html" /> 
    <area shape="poly" coords="937,624,982,650,980,694,940,716,900,697,902,648" class="disableOnIframe" href="home.html" /> 
</map>

小提琴：http://jsfiddle.net/c4EQD/

就好像您移動鼠標全景圖像它顯示可點擊項目，與其說是對IE瀏覽器就可以看到。

來源

2013-10-16 sed

The HTML5 specification states：

的圖像，在img元素或表示圖像的對象元件的形式，也可以與圖像地圖（地圖元素的形式）通過指定USEMAP相關聯屬性在img或object元素上。 usemap屬性（如果指定）必須是對地圖元素的有效哈希名稱引用。

...這意味着你需要：

<img src="img/global/map-overlay.gif" width="1024" height="768" usemap="#map" style="margin-top: -54px; border: none;" />

當我做到這一點，它爲我工作。

來源

2013-10-16 18:05:02 Dai

多邊形圖像地圖不能在IE上工作

回答

相關問題