PDA

View Full Version : Z-Index issue with



allanjr
02-17-2008, 04:44 PM
Thumbnail Viewer V2

The following is not a problem but was a workaround for me. I use quite a few linked javascripts on my site, and I found occasions where using the Thumbnail Viewer to click on an image brought up a window of the image, but a few other areas of my documents appeared in front of this image window. I therefore modified Thumbnail script and gave it a high z-index as follows:

thumbnailviewer.js:
line 20
original: ...<div id="thumbBox" onClick="thumbna...
modified: ...<div id="thumbBox" style="z-index:1000" onClick="thumbna..

This seems to have worked well for Firefox and IE 6-7 :)
Now all my thumbnail windows appear on top of everything when clicked.

ddadmin
02-17-2008, 09:07 PM
Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

Yep, a high z-index will resolve the overlapping issue in IE7/ Firefox. In IE 6 though, elements such as SELECT menus will still appear above the thumbnail viewer, however.