I’m stumped.  Please help
Posted: 13 August 2009 01:19 PM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2009-08-13

I use the grey box javascript on my site.  When you click an image, everything grays out in the background as the pop-up window displays. 
At least, that’s how it SHOULD work.
Everything grays out except my left CSS menu.  It stays as foreground and in fact covers the pop-up box if someone has a small screen resolution (800x600)

There has to be some code in my CSS menu that I can put so that it is NOT foreground.  Or to make it background.  I just don’t know how to do this. 

Can anyone PLEASE help me.
You can see what I mean by going to http://www.nlconcepts.com
Click one of the sale items on the front page and you’ll see what I mean about the left menu staying as foreground.

Thank you in advance for any help.

Profile
 
 
Posted: 13 August 2009 01:44 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  4
Joined  2008-08-07

I have found the problem that is causing your menu to sit above the grey overlay. Right now the Z-Index on the menu is set at 1000, which is a higher value than the grey overlay. To fix this problem, try changing the menus Z-Index to a value less than that of the grey overlay. So if your Grey Box overlay DIV has a Z-Index of 100, change the menus Z-Index to 99 and everything should work.

Profile
 
 
Posted: 13 August 2009 01:55 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  2
Joined  2009-08-13

You are a GENIUS!!  THANK YOU!!
I have struggled on this for SO long and you fixed it it in an instant!!

Thank you so much!!

Profile