具有非像素,相对单位(em等)的HTML图像映射

时间:2014-02-16 22:29:23

标签: html css background imagemap pixels

我了解HTML图片地图

<map name="beachmap">
  <area href="/" shape="poly" coords="17,51,42,35,66,51,66,89,17,89"
    alt="Beach hut" title="Beach hut - where you get changed">
...

使用的单位AFAIK是像素。我处于需要创建图像映射的情况,但是在可变宽度的图像上。理想情况下,我想创建一个使用em的图像映射,或者使用区域定义的百分比而不是像素。那可能吗?我有什么选择?

说实话,我需要在设置了background-sizing:cover的背景上设置图像映射功能,这样才会更加困难。但是,如果我可以使用相对单位,或找到一个简单的解决方案来获得可变宽度图像的图像映射,那将是一个很好的开始!

1 个答案:

答案 0 :(得分:0)

找到一些包含有用信息的类似问题或答案......

Resize image map on window resize

Dynamically resizing Image-maps and images

PS:规格意味着除了像素之外,百分比可能会被用作图像映射单元,但似乎没有浏览器遵循这部分规范:

http://home.comcast.net/~urbanjost/IMG/semaphore.html

相关问题