ie8中的iframe z-index答案

【问题标题】：iframe z-index in ie8ie8中的iframe z-index
【发布时间】：2011-07-13 09:13:34
【问题描述】：

大家好，对不起，我的英语不好！我正在为视频使用 iframe。 iframe 上方有一个下拉菜单，它在 Firefox 中运行良好，但在 ie8 中，下拉菜单位于 iframe 下方。如果我用图像替换 iframe，它工作得很好。我玩了一整天的位置和 z-index 属性，但没有用。如果有任何解决方案可以避免此问题，请帮助我！

【问题讨论】：

标签： for-loop z-index bgiframe

【解决方案1】：

假设您的视频正在由 Flash 播放....

如果您要嵌入 Flash，您应该明确地将 wmode 参数设置为 opaque 以避免下拉菜单隐藏在 Flash 对象后面。您还可以使用library 来处理在不同浏览器中嵌入 Flash 的令人讨厌的细节。

编辑：不要包含 iframe，试试这个 - 拿走您的电影并使用 youtube 在电影结尾处提供的嵌入链接：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Embedded YT Movie with DIV element on top</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>

        <object style="height: 390px; width: 640px">
            <param name="movie" value="http://www.youtube.com/v/zFJfbDETIIk?version=3">
            <param name="allowFullScreen" value="true">
            <param name="allowScriptAccess" value="always">
            <param name="wmode" value="opaque"> <!-- I added this one wrt youtube's proposed URL -->
            <embed src="http://www.youtube.com/v/zFJfbDETIIk?version=3" type="application/x-shockwave-flash"
                   allowfullscreen="true" allowScriptAccess="always" width="640" height="390" 
                   wmode="opaque" <!-- I added this one wrt youtube's proposed URL -->
                   >
        </object>
        <div style="position:absolute;width:300px;height:300px;top:10px;left:10px;background-color: red;">
            This one should be on top.
        </div>
    </body>
</html>

【讨论】：

对不起，我没有使用嵌入式闪存，只是我使用 iframe 来显示视频。我的代码是这样的。youtube.com/embed/zFJfbDETIIk" style="z-index:1;position:relative;" frameborder="0" allowfullscreen> 这是我的网站 url:file:///F:/projects/CJSolutions/html/1243.html
将该 URL 拉入 IE8，视频将开始。按 F12 进入开发者工具，您会看到 Flash 播放器包含在 div id=watch-player-div 中。所以它毕竟是你嵌入的 Flash 电影，尽管是间接的。
是的，它正在运行，非常感谢您的回复，我很高兴！一次又一次的感谢。为了这个问题，我总共花了一天时间！非常感谢！！！！
太棒了！我可以指出，接受答案是这里的常见做法吗？请参阅meta.stackexchange.com/questions/5234/… 获取说明