Simplemodal with IE and Iframe

Question

First of all thanks to Eric MArtin for SimpleModal.

I've started using it developing in mac environment. When i loaded to my hosting server and then checked the results in IE, the overlay completely ignores the embedded iframe in my page. It appears as if the iframe has a higher Zindex than anything else on the page, so i checked. Well firstly simplemodal works fine in Safari and Opera and everything is layered correctly. However in Firefox and IE (using 7 and 8 to check) the iframe is not overlayed.

I also set the zindex property to 9000 to check. Nothing doing. I've dug around simplemoda, the net etc and cannot get any hints on CSS properties that might be used to overcome it.

Any ideas on what is happening anyone.

Answer 1

Hai George,

HI I Think in IE6 it might be some size or percentage for top and left or zindex issue.In IE7 value should be more than IE6.So change the values. If u specify the top,left or z-index property to popup even if u scroll also the popup will not scroll

Answer 2

Do you have a link I can view, or code that reproduces the problem?

Answer 3

Hi Eric:

Thanks for getting back to me. I put together a little example here simplmodal .

i just tried something whilst putting a little demo up. The overlay in IE only fails if the Iframe src is a pdf which i just never thought about. It appears that the overlay works, but the pdf plugin for IE resets a z-index to whatever to keep the src in the foreground. I dont know if the pdf plug-in is using a zindex but even setting it to 99999 doesn't do a thing.

Nice project by the way.