Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Chris Beall
March 25, 2008, 11:00 pm
rate this thread
At the bottom of the page is a nav bar. The 2nd, 3rd, and 4th visible
links, when moused over, should pop-up secondary links (via CSS :hover
selectors). This works on all other site pages, but not in the Shop, where
a CafePress shop is contained in an iframe that fills all the space above
the nav bar.
There's lots of use of z-index here. The iframe is zindex 10000 and the nav
links, including the pop-ups are z-index 900000.
The question: Is there something special about an iframe that would prevent
the nav pop-up from entering its space? (If not, I would suspect this is a
This is not my site. It was left incomplete by one developer and I'm trying
to help the substitute clean it up. [Yes, thanks, I know there is a lot
wrong here; no need to point it all out].
No. An iframe should get stacked the same as any other element.
Possibly. Such high z-index values do set off some bogosity alarms.
Remember z-index only applies to positioned elements (set things
to position: relative for fewest side-effects) and that it restacks
only within the local stacking context.
I don't know if either of these is the problem-- they're just the two
most generally surprising things about z-index. The popups don't seem to
be working at all in Firefox.