Trying to use an AJAX image viewer, however the menu always appears on top of the enlarged image, obstructing its view. Tried to play with the z-index of the image viewer but with no success.
Example here: http://www.aspect-ai.com/technology.php (click the lemon)
The original image viewer is from here: http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
Anyone here has an idea for a solution?
Menu Always On Top Problem [Solved]
Menu Always On Top Problem [Solved]
Last edited by rbester on Mon Jul 23, 2007 1:26 pm, edited 1 time in total.
Just tried it with IE7 and the menu appeared behind the image.
We've had this problem in the past with Lightbox running under the Prototype JS Library and the fix is to reduce the default Z-Index of the menu.
You can do this by adding zindex=99 to the main menu definition. You'll need to play around with the value but this should solve the problem.
HTH,
Andy
We've had this problem in the past with Lightbox running under the Prototype JS Library and the fix is to reduce the default Z-Index of the menu.
You can do this by adding zindex=99 to the main menu definition. You'll need to play around with the value but this should solve the problem.
HTH,
Andy
Last edited by Andy on Mon Jun 25, 2007 7:01 pm, edited 1 time in total.
Hi,
Ok, looks like it is working now. Here is what I learned - the first tip I found was to add the following magic code to the page:
It made the trick for IE but not for any other browser. Now I came back here and found Andy's "zindex=XX" advice and gave it a try. Voila! Problem solved (with "zindex=55".) Thank you guys! 
Ok, looks like it is working now. Here is what I learned - the first tip I found was to add the following magic code to the page:
Code: Select all
<!--[if IE]>
<style type="text/css">
#lightbox, #overlay {
z-index:10000!important;
}
</style>
<![endif]-->