地图标记在HTML中不起作用

对于我正在制作的网站，地图代码不起作用，链接仍然无法点击。我不知道这是否与CSS/HTML组合或不是一个问题，但我的代码是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>

我已经在类似的方式之前使用的地图，但它不是”这次工作。

来源

2017-01-07 Rahul

你能准备jsbin？ – osmanraifgunes

也许它与图像大小和坐标有关？看起来很小，不是吗？ –

@osmanraifgunes这里：https://jsbin.com/cecoto/edit?html,css,output 字体是白色的，因为背景有图像 – Rahul

您的地图坐标，形状和尺寸太大了。我把它们的尺寸缩小了10倍，看看它们还有多大。这是你的社交圈：

来源

2017-01-07 14:22:16

非常感谢。 DONE – Rahul

地图标记在HTML中不起作用

回答

相关问题