如何使用HMTL/CSS创建具有可点击链接的响应式图像映射？
问题描述：
我有一个图像，并希望在其可点击的链接内部的几个区域，以导致我的网站上的其他页面。在浏览解决方案之后，它看起来像映射图是前进的方向。问题是，这些依赖于特定的坐标，所以这不会有反应。如何使用HMTL/CSS创建具有可点击链接的响应式图像映射？
我曾希望我可以用百分比来解决这个问题，但似乎这不是一个选项。
我不熟悉PHP编码或JavaScript，但我了解CSS/XHTML。
如果有人能帮助我，这将是非常感谢！
谢谢:)
答
您可以使用图像，并可以通过使用从上个定位它们添加使用相对CSS绝对链接到图像外师，左，右，下任何你想要的。在这种情况下，它将对图像进行响应，以较小的分辨率进行调整
如果您不需要“不规则”链接形状，但可以使用标准矩形，那么我会绝对将链接定位在图像上，使用百分比坐标和宽度/高度。如果需要，添加'transform'可以旋转这些矩形，甚至可以将它们挤压成更多的梯形-y形状。我通常会在开发过程中为链接指定一个rgba背景或轮廓，以便我可以看到它们的位置，然后使用开发工具来浏览位置值和维度。 – CBroe
您能否给我们提供更多信息，或者您希望它看起来如何（图像会非常有用）？ – kastriotcunaku
你可以使用一个jQuery插件：https：//stackoverflow.com/questions/7844399/responsive-image-map – Gerard