2011-09-13 21 views
5

Resim haritası HTML ile ilgili bir sorunum var.Resim harita alanı belirli coords poly Firefox çalışmıyor, IE çalışıyor

Çalışma hiçbir stille örnek ve hiçbir js: Düzgün 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> 

Sadece dördüncü alan doesnt work. Firefox veya Opera tıklanabilir değil, Firebug iyi bir alan gösterir, ancak üzerine gelindiğinde imleç değişmez (sağ taraftaki alana sadece gerçekten küçük bir huzur tıklanabilir). IE üzerinde çalışıyor. Gerçekten nasıl düzeltileceğini bilmiyorum.

Tüm kalıplar müşteri tarafından CMS'ye yerleştirilir, bazı koordineler çalışmaz (3/500 gibi).

cevap

1

Dördüncü bölgede sadece çok fazla sayıda eşliğin bulunduğunu görünüyor. coords="32,163,31,196,46,194,46,180,51,180,52,164"'u denedim ve Firefox ve Opera'da benim için çalıştığı görülüyordu. Bu yardımcı olur umarım!

1

164,31,163,31, 164,31 için değiştirin. Neredeyse aynı görünecek, ama işe yarıyor.

İlgili konular