afs_spunky Posted March 25, 2014 Share Posted March 25, 2014 Hello, I am using overlay search result box of topical Google custom search engine for my website (http://theoff.info/Ladakh-Tourism/Hotel-Homestay-Guesthouse.html) that has a dropdown menu. I have given the highest z-index to .cse-overlay. But the menu overlaps with the CSE search result box. Here is the image showing the overlapping problem: Overlapping-Searchbox-Menu.jpg. Could you help me in solving the z-index problem? Thanks Link to comment Share on other sites More sharing options...
Ingolme Posted March 25, 2014 Share Posted March 25, 2014 You gave your #nav element a z-index of 999, you have to reduce that number or give the search results box a higher one. Also notice that the z-index is only relative to the closest ancestor that has position "absolute," "relative," or "fixed." If the ancestor's z-index less than the z-index of the #nav element then it will still be behind. If you haven't set the z-index of the ancestor then its default value is zero. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now