このHTMLを書いた
<div id="wrap">
<div id="main-content">
<div class="container">
<h1 class="logo">Mysite</h1>
<img id="links" src="images/links.png" usemap="map" width="946" height="562" alt="links">
<map name="map">
<area id="shape1" shape="poly" coords="0,377,185,192,370,377,185,562" href="http://www.test.com" alt="asdsad">
<area id="shape2" shape="poly" coords="193,185,378,0,563,185,378,370" href="http://www.test.com" alt="asdsad">
<area id="shape3" shape="poly" coords="384,377,569,192,754,377,569,562" href="http://www.test.com" alt="asdasd">
<area id="shape4" shape="poly" coords="576,185,761,0,946,185,761,370" href="http://www.test.com" alt="sdfsdf">
</map>
</div>
</div>
</div>
しかし、エリア リンクは Webkit ブラウザーでのみ機能し、他のブラウザーでは無視されます。
誰でも私を助けることができますか?またはそれを修正する方法はありますか?