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

查看:15
本文介绍了YouTube 播放器的 FF3/Windows CSS z-index 问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我遇到了与 YouTube 播放器之间似乎存在 CSS/z-index 冲突的问题.在 Windows XP 下的 Firefox 3 中,看看这个页面:http://spokenword.org/program/21396 单击收集"按钮并注意弹出式

出现在 YouTube 播放器下方.在其他浏览器上,

出现在顶部.它的 z-index 值为 999999.我尝试将包含播放器的 <object> 元素的 z-index 设置为较低的值,但这没有用.知道如何让弹出窗口出现在播放器上方吗?

解决方案

尝试将 wmode 参数添加为 opaque 像这样:

(请注意,它包含在两个 标记wmode 属性中 标签.)

<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"/><嵌入宽度='425' 高度='344'src='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'type='应用程序/x-shockwave-flash'允许全屏=真"允许脚本访问 =总是"wmode="不透明"></嵌入></对象>

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?

解决方案

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

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

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

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆