html - z-index与<object>:是否有任何理由在专业浏览器上不起作用？ (Firefox除外)

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