Jennifer Ham wrote: > On 7/26/07, jennifer ham [EMAIL-REMOVED]> wrote: > > Here's the page (css is embedded): > > http://stalkinggear.com/zindex/ie_zindex.html > > > > Basically what happens in IE is that ONLY the last popup layer appears > > over the other images on the page (which are relatively positioned). > > All the others are hidden by the relatively positioned divs/images > > that come after in the source. > .... > > What's the best and most elegant way to solve this problem? > > > I'm answering my own question in the hopes that someone might have a > better answer. I was able to make it work by dropping the relative > positioning of the thumbnails, and positioning each popup absolutely > based on the corners of the box that contains all the thumbnails (the > "clisting" div which is now relatively positioned). > > You can see it here: > http://stalkinggear.com/zindex/ie_zindex_fix1.html > > The reason I don't like this is that I have to explicitly state the > top and left position of EACH popup div individually. Is there no > better way? > > thanks! > > jennifer
Hi Jennifer You have made this way more complex than is needed in both the html and CSS. There no need for position:absolute, z-index or javascript for any browser (apart from IE6 and similar). Instead of changing your html or CSS, I made up a quick demo. http://css-class.com/test/popup.htm It uses the dynamic pseudo class :hover. Works in Firefox and IE7. You will need some suckerfish javascript or similar to make it work in IE6 or similar browser. Kind Regards, Alan ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
