jQuery Modal overlaying behind an iFrame PDF container
Hello folks,
I'm using the modal plug-in below..
http://dev.iceburg.net/jquery/jqModal/
Invoking the modal is pretty simple...
$('#ex2').jqm({
ajax: 'examples/2.html',
trigger: 'a.ex2trigger',
toTop: true
});
The "toTop" attribute is used to overcome z-index stacking issues.
I have an iframe that displays a pdf file. The problem is the modal dialog appears behind the pdf file and I can't seem to find any way to resolve it. I've tried setting z-index manually for iFrame as well the DIV housing the iFrame but to no avail. Even "toTop" does not work.
This issue appears in all versions of IE. I haven't checked in Mozilla.
If someone has a solution, I'd be grateful if you can assist me.
Regards,
~Sab