MisterWebNet

<<< Coding for the future >>>

Home Coding Design Menu hidden behind advert or picture
Menu hidden behind advert or picture PDF Print E-mail
Monday, 23 November 2009 02:09

This normally occurs with drop down menus being hidden behind other elements on the page.

There are two issues to watch out for. Firstly, z-index WILL solve it. But z-index only works on elements that are positioned (this is required for firefox). So you may need to insert 'postion: relative;' into both the Menu style and the object that it gets hidden behind.

 

Normally a quick way to figure out if you are on the correct path is to get the css for your menu bar (you'd don't need to do all sub-menu elements, just the main element that everything else works off - it should trickle down to the sub elements.) and insert the following:

 

position: relative;

z-index: 10000;

 

10,000 is random. Just make sure it's high enough to take priority over everything else.

 

Then get the css for whatever element the menu is hidden behind and insert the following CSS:

 

position: relative;

z-index: -1;

Refresh the page (Cntl and F5) and check if your menu now comes to the forefront. If that works, you can mess with Z-Index values or leave as is.

 

Last Updated on Tuesday, 01 December 2009 12:49
 

Add comment

We reserve the right to remove comments without notice. Users are responsible for their own comments and the contents contained within.


Security code
Refresh

ThugVillage.com
Mens Entertainment Magazine with girls, gadgets, indepth analysis, videos and much more
Best Flash Games
The best flash games on the net - 100% free!
HiredMedia
Off beat, deep-web, alternative videos