iframe is being greedy and prevents anything from appering in front of it

Question

I've got an app which uses an iframe in a portion of a page, for displaying folder contents from a fileshare. Works great, except, any time a jQuery pop-up window or select menu overlaps this iframe, the iframe always appears on top, hiding the content from the parent page which I want to appear over the iframe.

I've messed around with applying z-indexes to the elements, but am just not winning the war. I've googled in vain, and am wondering if somebody out there in stackoverflow-land has a trick for getting an iframe to allow content on the containing pageto overlap it.

Answer 1

Hard to say without any code - but have you had a look at using the jquery bgiframe plugin