类似于css中的地图标签的东西？

【问题标题】：Something similar to map tag in css?类似于css中的地图标签的东西？
【发布时间】：2012-07-16 07:38:35
【问题描述】：

所以，我需要我的标题的两个小部分是可点击的。问题是我不能使用地图标签，因为我的图像在css中设置为div的背景。而且我不允许更改它（改为使用 img src ）。我怎么能做到这一点，而不使用图像后面两个 div 的绝对定位。

css:

#bg_top { /*the design for the header*/
    background:url(../images/header_bg_new.png) center top  no-repeat;
    min-height: 100%; /*stick footer to bottom of the page*/
    text-align:left;
    width:100%;

【问题讨论】：

标签： html css image

【解决方案1】：

他们是解决这个问题的诀窍......

在 div#bg_top 中添加一个透明 gif 图像，其尺寸应为 1x1，然后在 img 标签中指定其宽度和高度...

<div id="bg_top"><img src="spacer.gif" width="100%" height="100%" /></div>

然后在其中添加地图标签... 这是一个您可以使用的简单技巧...

您也可以通过 jquery 应用 img 标签，

$("#bg_top").html("<img src='spacer.gif' width='100%' height='100%' />");

从此链接下载图片：- Spacer.gif

【讨论】：