不同浏览器的图像映射坐标
Image map coordinates for different browsers
我正在尝试创建一个图像映射,我在图像上定义指向其他页面的链接坐标。现在我面临的问题是坐标的位置不是相对的。
如果图像位于不同的浏览器或不同的屏幕尺寸中,则不会保留坐标。我的意思是,在图像中特定位置的链接现在位于图像的其他地方。
任何人都可以提供一段代码,我可以在其中进行一些相对定位,甚至浏览器大小或图像大小也会随之改变坐标位置。
我尝试使用像坐标比例"50%,50%"这样的百分比标签,但这似乎是区域标签的错误属性。甚至这个坐标尺度="绝对|相对"也不起作用。
首先,这些是正确的属性吗?有没有相对定位的可能?任何CSS或Javascript代码都会很棒。
用具有相对位置的div 包裹图像。在它内部使用绝对定位的元素来模仿图像映射应该做的事情。
谷歌"CSS图像地图"以查找有关该技术的更多信息。
相关文章:
- 如何在映射数组中添加换行符
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- ng映射方向备选方案
- 无法通过数组映射绑定
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 如何在d3.js中返回路径的y坐标
- 在谷歌地图上获取事件的x,y坐标
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 使用Scala Play Framework视图中的键检索映射值
- 淘汰映射;不起作用
- 当映射到d3中的坐标比例时,如何计算闰年
- 不同浏览器的图像映射坐标
- 如何在使用文本对齐时调整图像大小并保持图像映射坐标:居中
- 将调整大小的图像坐标映射回原始图像坐标
- 在热图上映射鼠标点击坐标以获得不同的分辨率&JS/Jquery中的屏幕大小
- 谷歌用文本框映射坐标
- 响应图像映射与坐标
- 映射谷歌地图坐标从一个javascript变量
- 是否有一种方法来使用图像映射坐标在jquery
- 减少坐标对集合的映射