1

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 で何も開いていない画像にマウスを合わせると、この問題を解決するのを手伝ってください。

4

1 に答える 1

5

エラーを見てください。「左、上、右下」: イメージ マップ座標系では、「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 < 420 と 100 < 120 です。どちらも間違っています。2 番目は 250 < 330 です。3 番目は 580 < 610 です。4 番目は正しいように見えます。

4 つの領域のうち 3 つの領域には無効な数値があり、通常は互いに一致していません。

于 2013-02-20T08:27:25.997 に答える