Html 如何使用HMTL/CSS创建带有可点击链接的响应图像地图?
我有一个图像,并想在它里面点击链接,以导致我的网站上的其他页面几个领域。浏览解决方案后,图像地图似乎是前进的方向。问题是,这些依赖于特定的坐标,所以这不会有响应 我曾希望我可以用百分比来解决这个问题,但似乎这不是一个选择 我不熟悉PHP编码或javascript,但我理解CSS/XHTML 如果有人能帮我,我将不胜感激Html 如何使用HMTL/CSS创建带有可点击链接的响应图像地图?,html,css,imagemap,Html,Css,Imagemap,我有一个图像,并想在它里面点击链接,以导致我的网站上的其他页面几个领域。浏览解决方案后,图像地图似乎是前进的方向。问题是,这些依赖于特定的坐标,所以这不会有响应 我曾希望我可以用百分比来解决这个问题,但似乎这不是一个选择 我不熟悉PHP编码或javascript,但我理解CSS/XHTML 如果有人能帮我,我将不胜感激 谢谢:)您可以使用图像,并且可以使用css相对于图像外部分区添加绝对链接,方法是使用顶部、左侧、右侧和底部的百分比来定位绝对链接。在这种情况下,它会根据图像以较小的分辨率调整大小
谢谢:)您可以使用图像,并且可以使用css相对于图像外部分区添加绝对链接,方法是使用顶部、左侧、右侧和底部的百分比来定位绝对链接。在这种情况下,它会根据图像以较小的分辨率调整大小而做出响应如果您不需要“不规则”链接形状,但可以使用标准矩形,那么我只需在图像上绝对定位链接,使用坐标和宽度/高度的百分比。添加
transform
可以旋转这些矩形,如果需要,甚至可以将它们挤压成更梯形的y形。在开发过程中,我通常会给这些链接一个rgba背景或大纲,这样我就可以看到它们的位置,然后使用开发工具来处理位置值和尺寸。你能给我们提供更多的信息吗?或者你希望它看起来如何(图片会非常有用)?您可以使用jQuery插件:不..使用SVG更简单。。。