I am currently in the process of creating a webpage that features a popup div (utilizing javascript/jquery) to display some text. However, I am encountering a problem where, in Internet Explorer, a youtube embedded video (iframe) remains in front of the popup. Despite my attempts to use the z-index property to correct this issue, it has been unsuccessful. It seems to work fine in Chrome, but Internet Explorer is causing a disruption. I have considered solutions such as fading out the video with the popup or setting its display to "none", but neither option seems very appealing....
Does anyone have any suggestions on how to move the video to the background?
Thank you all for your help,
cheers.