0

I've got an embedded Google Map on a webpage. It fills the entire width of the page, and I'm absolutely positioning the site's logo over the map.

Seen here: http://crawl.trustarts.org/

I've been playing with z-indexes but can't get the infobox to respond to z-index the way I'd like. Would anyone know how to get the infoboxes to appear over the logo?

This question seemed related but I'm not really familiar enough with the GMaps API...just using a plugin and hoping there's a CSS solution: google maps infobox above all other content z-index does not work

I'd also be happy with a jQuery solution that removed the entire #logo-and-search h1 element upon clicking any of the map markers...but not with a hover, it'd have to be a click as this is for iPad / tablets, too.

Any ideas?

4

1 回答 1

0

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

于 2013-09-17T18:26:42.897 回答