Overlap content in a fancybox?

views:

142

answers:

+2 Q:

Overlap content in a fancybox?

I have a fancybox modal window that loads a page of content (a form).

On each input of the form there is a click event that shows a help tip to the right of the input.

My question is this - how can I make an element 'breakout' from the fancybox and overlap the edge, so that it's the highest element in the z-index? I'd like the helptip to overlap the edge of the fancybox.

I've tried setting the help tip to z-index of 1,000,000 but it doesn't fix it. Is the fancybox script setting itself as the max z-index on the page?

+1 A:

use firebug on firefox, or inspect the modal element in chrome to see it's css and look for the z-index for this fancybox modal window. Maybe it can help you solve the problem.

Reigel 2010-01-21 15:51:53

+1 Firebug is an incredibly useful tool for problems as simple as this.

S Pangborn 2010-01-21 15:53:44

Sorry I should have said that I've been using Firebug to work on this, but the z-index doesn't seem to be declared on the parent elements. Could this be to with the way that fancybox loads external page content? Is the content frame treated differently?

Les 2010-01-27 10:45:38

is your helptip element inside the fancy box?

Reigel 2010-01-27 10:52:39

Yup, the element is rendered inside the fancybox html.

Les 2010-02-02 11:26:27

I eventually found that another piece of script was messing with all the z-indexes on the page to try and work round the infamous IE7 z-index issue - a little bit of jiggery pokery and all is now ok.

Gotta love picking up legacy code!

Les 2010-09-26 14:57:15

ansaurus

tags:

views:

answers:

Overlap content in a fancybox?

related questions