<img>イメージマップを使用していません

Question

イメージは私が宣言したイメージマップの使用を拒否しています。 js関数呼び出しを削除しても。

<div id="content" class="position-absolute"> 
    <img src="img/label.png" alt="img/label2.png" usemap="#label1" id="label"> 
</div> 

<!-- map --> 
<map name="label1"> 
    <area shape="rect" coords="414,10,474,46" onClick="swapSrcAlt(label);"> 
</map> 

My JSを参照してください。

function swapSrcAlt(z) { 
    if (typeof z === 'string') { 
     var x = document.getElementById(z); 
    } else { 
     var x = z; 
    } 
    var src = x.src; 
    var alt = x.alt; 
    x.src = alt; 
    x.alt = src; 
} 

ここに私のエリアが実際にどこにあるかについての参照ポイントを与えるために私のCSSがあります。

area { 
    cursor:pointer; 
} 

上記の数行は、同じアプローチでうまくいくようです。

<img src="img/thing.PNG" usemap="#thing-map" class="position-absolute"> 

    <map name="thing-map"> 
     <area shape="rect" coords="98,328,141,374" onClick="hideShow('homescreen','settings')"> 
    </map> 

Answer 1

私のコンテナは310pxの幅しかなかったので、私の画像は498x54でしたが、310x34に縮小されました。

これは、エリアタグに間違った座標をもたらしました。