<<< Coding for the future >>>
| Menu hidden behind advert or picture |
|
|
|
| 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 |