I’ve run on a little problem today: I have a JS drop down menu and when I inserted a GoogleMap… the Menu is rendered behind the Google Map… Any ideas on how to chance the z Index of the Google Map?
Thanks!
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’ve run on a little problem today: I have a JS drop down menu and when I inserted a GoogleMap… the Menu is rendered behind the Google Map… Any ideas on how to chance the z Index of the Google Map?
Thanks!
If your problem happens in Internet Explorer, but it renders the way you’d expect in FireFox or Safari, this link was extraordinarily helpful for me with a similar problem.
It appears to boil down to the idea that marking an element as ‘position:relative;’ in CSS causes IE6&7 to mess with it’s z-index relative to other elements that come before it in the HTML document, in unintuitive and anti-spec ways. Supposedly IE8 behaves ‘correctly’ but I haven’t tested it myself.
Anutron’s advice is going to be really helpful if your problem is with a
<SELECT>form element, but if you’re using JavaScript to manipulate divs or uls to act like a drop down I don’t think it’s going to help.