我有一个问题与图像映射HTML。
没有样式和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)
在我看来，在第四个区域有太多的线。我试着coords="32,163,31,196,46,194,46,180,51,180,52,164"，它似乎在火狐和Opera中为我工作。希望这对你有帮助!
将164,31,163,31改为164,31。它看起来几乎是一样的，但它的工作