FF3 / Windows CSS z-index问题与YouTube播放器 [英] FF3/Windows CSS z-index problem with YouTube player

问题描述

我遇到了与YouTube播放器发生CSS / Z-index冲突的问题。在Windows 3中的Firefox 3中，请查看此页面： http://spokenword.org/program/21396 点击收藏按钮，并注意弹出窗口< div>出现在 YouTube播放器下的下。在其他浏览器上，< div>出现在顶部。它的z-index值为999999.我已经尝试将包含播放器的< object>元素的z-index设置为较低的值，但是没有工作。

I'm stuck on what appears to be a CSS/z-index conflict with the YouTube player. In Firefox 3 under Windows XP, Take a look at this page: http://spokenword.org/program/21396 Click on the Collect button and note that the pop-up <div> appears under the YouTube player. On other browsers the <div> appears on top. It has a z-index value of 999999. I've tried setting the z-index of the <object> element containing the player to a lower value, but that didn't work. Any idea how to get the pop-up to appear over the player?

推荐答案

尝试添加 wmode 参数为 opaque ，如下所示：

Try to add the wmode parameter to be opaque like this:

em 和 wmode 属性的 两者在< embed> 标记。）

(Note that it's included in both a <param> tag and a wmode attribute on the <embed> tag.)

<object width='425' height='344'> 
    <param name='movie' value='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'> 
    <param name='type' value='application/x-shockwave-flash'> 
    <param name='allowfullscreen' value='true'> 
    <param name='allowscriptaccess' value='always'> 
    <param name="wmode" value="opaque" />
    <embed width='425' height='344'
            src='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'
            type='application/x-shockwave-flash'
            allowfullscreen='true'
            allowscriptaccess='always'
            wmode="opaque"
    ></embed> 
    </object> 

这篇关于FF3 / Windows CSS z-index问题与YouTube播放器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！