jQuery图像映射替代

Kie*_*ews 13 html javascript css jquery image

使用图像映射的替代方法是什么?我最近看到一个问题,有人说,"为什么人们还在使用图像地图?" 我想知道一个好的CSS或JavaScript解决方案,亲眼看看它是否比图像映射更好用.

Hus*_*ein 7

使用CSS是处理图像映射的方法.通过更改左上角的宽度高度值,可以轻松地在图像的任何区域上定位具有所需宽度和高度的链接.

查看http://jsfiddle.net/DBvAY/1/上的工作示例

在示例中,将鼠标悬停在婴儿脸部或图像中的红灯上.要更改锚点的位置,您只需要修改#pos1和#pos2的顶部和左侧属性.边界框的宽度和高度也是如此.全部用CSS完成,没有javaScript.

  • 这一切都很好,但是如何为可点击区域创建其他形状然后是矩形形状? (18认同)
  • 移动图像的不可见锚点不是图像映射的可行替代方案,尤其是因为图像映射可以包含不规则形状. (4认同)