map标签在HTML中不起作用

Question

对于我正在制作的网站，地图代码不起作用，链接仍然无法点击。我不确定这是否是CSS / HTML组合的问题，但我的代码如下：HTML部分：

<div class="subscribe">
    <h2>Follow Us : </h2>
    <div class="contact-form">
        <img src="images/social.png" usemap="#follow">
        <map name="follow">
            <area shape="rect" coords="648,336,1000,600" href="www.instagram.com/quadrotian" target="_blank" alt="Instagram">
            <area shape="circle" coords="1337,336,275" href="www.facebook.com/Quadrotian" alt="Facebook">
            <area shape="circle" coords="2045,336,275" href="#" target="_blank" alt="Pinterest">
            <area shape="circle" coords="2783,336,275" href="#" alt="Twitter">
            <area shape="circle" coords="3491,336,275" href="#" alt="Google Plus">
            <area shape="circle" coords="4206,336,275" href="#" alt="LinkedIn">
        </map>
    </div>
</div>

之前我以类似的方式使用过map，但这次没用。

Answer 1

您的地图坐标，形状和尺寸太大了。我把它们的尺寸缩小了10倍，然后看看它们的大小。这是你的一个圈子：