所以,我需要标题的两个小部分才能点击。问题是我不能使用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%;
答案 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