Question

当我尝试在Firefox中运行我的代码时出现此错误。它在IE中运行良好。实际上我正试图通过定义图像映射来实现对图像的翻转效果

<map name="planetmap"> 
    <area class="a1" shape="rect" coords="420,120,380,100" alt="Ring" href="#"/> 
    <area class="a2" shape="rect" coords="300,330,400,250" alt="Ring" href="#"/> 
    <area class="a3" shape="rect" coords="610,190,580,270" alt="Ring" href="#"/> 
    <area class="a4" shape="rect" coords="450,250,550,400" alt="Ring" href="#"/>
</map>

当我鼠标悬停在图片上时，请帮我修复此问题。在Firefox中没有任何内容正在打开。

Answer 1

查看错误。 “左，上，右下”：在图像地图坐标系中，“0,0”是左上角。因此第1个值必须小于第3个值，第2个值必须小于第4个值。

<area class="a1" shape="rect" coords="420,120,380,100" alt="Ring" href="#"/>
<area class="a2" shape="rect" coords="300,330,400,250" alt="Ring" href="#"/>
<area class="a3" shape="rect" coords="610,190,580,270" alt="Ring" href="#"/>
<area class="a4" shape="rect" coords="450,250,550,400" alt="Ring" href="#"/>

在第一个中，380＆lt; 420和100 < 120.两者都错了。在第二个中，250＆lt; 330。在第3个中，580＆lt; 610。第四个看起来是正确的。

四个区域中有三个区域的数字无效，通常彼此不一致。

<area shape =“rect”/>标签的“coords”属性不在firefox中的“left，top，right，bottom”格式.error中

1 个答案: