Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用HMTL/CSS创建带有可点击链接的响应图像地图?_Html_Css_Imagemap - Fatal编程技术网

Html 如何使用HMTL/CSS创建带有可点击链接的响应图像地图?

Html 如何使用HMTL/CSS创建带有可点击链接的响应图像地图?,html,css,imagemap,Html,Css,Imagemap,我有一个图像,并想在它里面点击链接,以导致我的网站上的其他页面几个领域。浏览解决方案后,图像地图似乎是前进的方向。问题是,这些依赖于特定的坐标,所以这不会有响应 我曾希望我可以用百分比来解决这个问题,但似乎这不是一个选择 我不熟悉PHP编码或javascript,但我理解CSS/XHTML 如果有人能帮我,我将不胜感激 谢谢:)您可以使用图像,并且可以使用css相对于图像外部分区添加绝对链接,方法是使用顶部、左侧、右侧和底部的百分比来定位绝对链接。在这种情况下,它会根据图像以较小的分辨率调整大小

我有一个图像,并想在它里面点击链接,以导致我的网站上的其他页面几个领域。浏览解决方案后,图像地图似乎是前进的方向。问题是,这些依赖于特定的坐标,所以这不会有响应

我曾希望我可以用百分比来解决这个问题,但似乎这不是一个选择

我不熟悉PHP编码或javascript,但我理解CSS/XHTML

如果有人能帮我,我将不胜感激


谢谢:)

您可以使用图像,并且可以使用css相对于图像外部分区添加绝对链接,方法是使用顶部、左侧、右侧和底部的百分比来定位绝对链接。在这种情况下,它会根据图像以较小的分辨率调整大小而做出响应

如果您不需要“不规则”链接形状,但可以使用标准矩形,那么我只需在图像上绝对定位链接,使用坐标和宽度/高度的百分比。添加
transform
可以旋转这些矩形,如果需要,甚至可以将它们挤压成更梯形的y形。在开发过程中,我通常会给这些链接一个rgba背景或大纲,这样我就可以看到它们的位置,然后使用开发工具来处理位置值和尺寸。你能给我们提供更多的信息吗?或者你希望它看起来如何(图片会非常有用)?您可以使用jQuery插件:不..使用SVG更简单。。。