We help IT Professionals succeed at work.

menu displaying over google map

Medium Priority
347 Views
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....

http://www.pdgmedia.com/files/test-menu.html

Does anyone have any ideas?
Comment
Watch Question

Commented:
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

Author

Commented:
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.

OR

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.