gpt4 book ai didi

html - z-index 与 : is there any reason why this doesnt work on majors browser?(Firefox 除外)
转载 作者:行者123 更新时间:2023-11-28 03:58:00 27 4
gpt4 key购买 nike

我有this代码:

HTML

<div class="box_video">
<object width="330" height="290" type="application/x-shockwave-flash" data="http://www.youtube.com/v/KEkR1ox_K10?version=3&amp;f=user_uploads&amp;app=youtube_gdata&amp;rel=1&amp;border=0&amp;fs=1&amp;autoplay=0" style="visibility: visible;"><param name="allowfullscreen" value="true" /></object>
</div>

<div class="box_fixed">
My Text
</div>

CSS

.box_video 
{
z-index: 20;
height=400;
background-color: #FF0000;
position:relative;
}

.box_fixed {
background-color: #2C2C2C;
bottom: 400px;
position: fixed;
width: 100%;
z-index: 40;
}

现在,我想说明的是 fixed div 应该是 over视频(box_fixed 的 z-index 高于 box_video )。

但实际上(期望 Firefox)在 IE/Chrome(例如)下。

我哪里错了?有没有特别的<object>要关心的属性?

最佳答案

通常可以尝试的一件事是设置参数:

<param name="wmode" value="transparent">

在对象标签中。

例如

<object width="330" height="290" type="application/x-shockwave-flash" data="http://www.youtube.com/v/KEkR1ox_K10?version=3&amp;f=user_uploads&amp;app=youtube_gdata&amp;rel=1&amp;border=0&amp;fs=1&amp;autoplay=0" style="visibility: visible;">
<param name="allowfullscreen" value="true" />
<param name="wmode" value="transparent">
</object>

关于html - z-index 与 <object> : is there any reason why this doesnt work on majors browser?(Firefox 除外),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8521648/

27 4 0