仅通过jquery将图像映射应用于背景图像

时间:2014-01-30 04:56:25

标签: jquery imagemap

JSfiddle

这里我试图仅通过jquery将图像映射放在背景图像上。目前我的网站结构将此图像设置为带有css的div的背景,我不希望对其进行任何更改。我如何获取正文中的背景图像或某些div作为DOM对象,并通过jquery将图像映射应用于该图像? 如果您能告诉我如何根据我的响应式网站制作此图像地图,将会很有帮助。我再也不希望改变现有的CSS。

1 个答案:

答案 0 :(得分:0)

因为您正在使用

$('body img').prop('usemap','#ballMap');

body img实际上指的是您身体中的任何img标记,而不是正文的css背景属性。

您需要向正文添加一个空的img标记,以使此功能正常工作

<img width="420" height="315"/>

选中此http://jsfiddle.net/Pfa6F/2/