0

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

4

1 回答 1

0

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

如果您要嵌入 Flash，您应该明确地将 wmode 参数设置为 opaque 以避免下拉菜单跳入 flash 对象后面。您还可以使用库来处理在不同浏览器中嵌入 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>
于 2011-07-13T09:27:04.020 回答