Send iframe to back on IE

Question

I'm building this webpage that has a popup div (with javascript/jquery) to show some text, but I keep having a problem. Behind this popup, there is a youtube embedded video (iframe) that on Internet Explorer only, stays in front of the pop up. I have tried using z-index property to fix it but nothing. On Chrome it works perfectly but IE ruins it. I have some alternatives, like fadding it out with the popup or setting its display to "none" but it doesn't look very good....

Any thoughts on how to send it to the back?

Tanks to you all,
cheers.

It is an easy fix, the duplicated I posted shows you how to disable it with the querystring. — epascarello, Feb 08 '13 at 17:56
@epascarello It worked. I had been around this for a long time. Thanks a lot!!!!! — user2033250, Feb 08 '13 at 17:58

score 1 · Accepted Answer · answered Feb 08 '13 at 17:57

1

Try adding this to your iframe url &wmode=opaque

Alternatively try ?wmode=transparent

Explanation: http://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix

answered Feb 08 '13 at 17:57

Undefined

10,466
5
35
61

The first one solved it, thanks – user2033250 Feb 08 '13 at 18:01

score -2 · Answer 2 · edited Feb 08 '13 at 18:05

-2

Have you set zoom:1 in your CSS? IE requires zoom to be set for z-index.

edited Feb 08 '13 at 18:05

Undefined

10,466
5
35
61

answered Feb 08 '13 at 17:56

HankHendrix

295
2
9

Has nothing to do with the CSS. It has to due with a setting on the flash player. – epascarello Feb 08 '13 at 17:57
agreed...but he'd still have to set Zoom:1 for IE – HankHendrix Feb 08 '13 at 17:58

Send iframe to back on IE

2 Answers2