Menu is in front of Lightbox, GreyBox or ThickBox window (MM2)
Article Applies To:
MenuMachine 2 only
GoLive CS, CS2
Mac, Windows
Article ID: 000150
Category: Browser Issues
Issue
When using Lightbox, Greybox or Thickbox on the same page as a MenuMachine menu, the menu stays in front of the window when it should be hidden in the back like the rest of the webpage.
Solution
If you are using Lightbox, you should be able to fix this problem by adding the following to your style sheet:
<style type="text/css">
#lightbox, #overlay { z-index:10000 !important; }
</style>
This gives the Lightbox layer a higher z-index than the menu which should make it appear on top.
If you are using GreyBox the code should be:
<style type="text/css">
#GB_overlay { z-index:10000 !important; }
#GB_window { z-index:10050 !important; }
.GB_header { z-index:10500 !important; }
.GB_header .close img { z-index:10500 !important; }
</style>
This gives the GreyBox layer a higher z-index than the menu which should make it appear on top.
If you are using ThickBox the code should be:
<style type="text/css">
#TB_window, #TB_overlay { z-index:10000 !important; }
</style>
This gives the ThickBox layer a higher z-index than the menu which should make it appear on top.
Last updated: November 25, 2007
This article has been viewed 9882 times.