Question

大家好抱歉我的英语不好！我正在使用iframe播放视频。在iframe上方有一个下拉菜单，它在firefox中运行良好，但在ie8下拉菜单下面转移到iframe下方。如果我用图像替换iframe它运行良好。我玩了很长一天的位置和z-index属性，但没有用。如果有任何解决方案可以帮助我避免这个问题!!

Answer 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>

ie8中的iframe z-index

1 个答案: