I’ve got a popup dialogue which is just a div that’s got display:none when not in use.
It works in most cases except for one scenario when another site displayed in an iframe manages to be shown on top of the div.
As the title says I’ve tried using z-index with no luck. It works in IE9, FF, Chrome and Safari. IE8, IE7 and IE6 all fail.
Any ideas of what could cause this or how it could be fixed would be great. I’ve been unable to recreate the problem on a small scale which is the reason why I’m unfortunately unable to provide sample code.
The only hunch I have is that it’s related to resizing of the content inside the iframe but it’s a hunch not verified.
The tricvk turned out to be to place an iframe of the same size on the same coordinates under the div.