z-index vs <object>:有什么理由说这不适用于专业浏览器吗？(除了Firefox)

Question

我有这个代码:

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;
}

现在,我想要的是fixeddiv应该是over视频(z-index box_fixed高于box_video).

但事实上(期待Firefox)在IE/Chrome上(例如)它就在.

我哪里错了？是否有任何特殊<object>属性值得关注？

Answer 1

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

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

在object标签中.

例如

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