对于我正在制作的网站，映射代码不起作用，链接仍然无法点击。我不确定这是否是 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 ，但这次没有用。
最佳答案
您的 map 坐标、形状及其尺寸太大了。我将它们的尺寸缩小了 10 倍，然后看看它们还有多大。这是你的一个圈子:
关于html - map 标签在 HTML 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41522148/