Khu vực bản đồ hình ảnh poly coords nào đó Firefox không hoạt động, IE hoạt động

Question

Tôi gặp sự cố với HTML bản đồ hình ảnh.

dụ làm việc không có phong cách và không js trê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> 

Chỉ việc doesnt khu vực thứ tư đúng cách. Trên Firefox hoặc Opera không thể nhấp được, Firebug cho thấy khu vực tốt, nhưng trên con trỏ di chuột không thay đổi (chỉ thực sự nhỏ hòa bình gần khu vực bên phải là có thể nhấp). Trên IE hoạt động tốt. Tôi thực sự không biết cách sửa nó.

Tất cả các hợp âm được khách hàng trong CMS giới thiệu, một số hợp âm không hoạt động (như 3/500).

Answer 1

Trông với tôi rằng chỉ có quá nhiều coords trong khu vực thứ tư. Tôi đã thử coords="32,163,31,196,46,194,46,180,51,180,52,164" và dường như nó hoạt động với tôi trong Firefox và Opera. Hi vọng điêu nay co ich!

Answer 2

Chỉ cần thay đổi 164,31,163,31 thành 164,31. Nó sẽ trông gần như giống nhau, nhưng nó hoạt động.