Z-Index在嵌入式Google Map的信息框上定位元素

时间:2013-09-17 17:46:13

标签: jquery css google-maps

我在网页上有一个嵌入式Google地图。它填满了页面的整个宽度,我绝对将网站的徽标放在地图上。

见到这里:http://crawl.trustarts.org/

我一直在玩z-index但是无法让信息框以我喜欢的方式响应z-index。有谁知道如何让信息框出现在徽标上?

这个问题似乎有关,但我对GMaps API并不是很熟悉......只是使用插件并希望有一个CSS解决方案: google maps infobox above all other content z-index does not work

我也很高兴jQuery解决方案在点击任何地图标记时删除了整个#logo-and-search h1元素...但没有悬停,它必须是点击,因为这是对于iPad /平板电脑也是如此。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

#logo-and-search的设置方式还有一个小问题。目前它位于地图上方,因此低于该div的标记将无法点击。我不确定如果没有JQuery解决方案或编辑实际的GMap API,你可以做你想做的事情,但是因为你要求的解决方案可以删除整个部分的点击或触摸,你可以使用: http://jsfiddle.net/disinfor/RVUab/1/