类似于css中的map标签的东西?

时间:2012-07-16 07:38:36

标签: html css image

所以,我需要标题的两个小部分才能点击。问题是我不能使用map标签,因为我的图像在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%;

1 个答案:

答案 0 :(得分:3)

他们是解决这个问题的一个技巧......

在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