圖像地圖區域聚特定座標火狐不起作用，IE作品

，沒有風格，操作實施例和沒有JS：正確 http://www.download.lagunawebdesign.pl/bug/

<img src="http://www.download.lagunawebdesign.pl/bug/Bez-nazwy-2.png" width="242" height="347" alt="Planets" usemap="#planetmap" /> 

<map id="planetmap" name="planetmap"> 
    <area shape="poly" coords="31,37,31,68,47,68,47,54,51,54,51,38" title="1" alt="" href="#" /> 
    <area shape="poly" coords="29,48,23,47,23,42,6,42,6,57,13,58,15,67,31,66,30,49" title="2" alt="" href="#" /> 
    <area shape="poly" coords="32,99,31,131,46,131,47,117,51,116,51,99" title="3" alt="" href="#" /> 
    <area shape="poly" coords="32,163,32,196,46,194,46,180,51,180,52,164,31,163,31,196,47,195,46,180,52,180,52,163" title="4" alt="doesnt work" href="#" /> 
    <area shape="poly" coords="32,227,31,258,47,259,47,245,52,245,52,227" title="5" alt="" href="#" /> 
    <area shape="poly" coords="121,297,121,316,153,317,153,302,139,301,139,296" title="6" alt="" href="#" /> 
    <area shape="poly" coords="190,209,191,226,210,227,211,195,195,195,196,209" title="7" alt="" href="#" /> 
    <area shape="poly" coords="5,17,5,0,51,0,51,18" title="8" alt="" href="#" /> 
</map>

只有第四個方面不起作用。在Firefox或Opera不可點擊的情況下，Firebug顯示良好的區域，但懸停光標不會改變（只有靠近右側區域的小和平纔是可點擊的）。在IE瀏覽器工作正常。我真的不知道如何解決它。

所有的座標都由客戶在CMS中提出，有些座標不起作用（如3/500）。

來源

2011-09-13 Laguna

在我看來，在第四方面有太多的座標。我試過 coords="32,163,31,196,46,194,46,180,51,180,52,164"，它在Firefox和Opera中似乎適用於我。希望這可以幫助！

來源

2011-11-03 17:52:34 Dave

只需將164,31,163,31更改爲164,31即可。它看起來幾乎相同，但它的工作。

來源

2011-11-27 02:28:26 ban17

圖像地圖區域聚特定座標火狐不起作用，IE作品

回答

相關問題