We help IT Professionals succeed at work.

menu displaying over google map

Medium Priority
Last Modified: 2013-11-19
Hi - I have the following situation where a basic css/js hover menu is being hidden behind a google map - because the map is in an iframe. The problem is that the normal solution of putting a negative z-index on the iframe wont work because then the infoWindow markers won't be clickable....


Does anyone have any ideas?
Watch Question

You have to set z-index on pop-up to a higher level.

I guess you tried it, but here's what's the best method.

#nav UL{
	z-index: 100; /* Add this line in the current CSS */
And remove the inline CSS [style="z-index: 100"] for in HTML with UL,
and make it:
<UL id=nav>
It's not needed here as it's not doing anything.

Open in new window

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
Top Expert 2004


Sorry for the delay - I missed the forest there.
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.