z-index対<object>：メジャーのブラウザでこの問題が起こる理由はありますか？

Question

は私が持っている（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ビデオでなければならないことであるたいと思いますどのような（z指数はbox_fixedはbox_videoより高い）。

しかし、実際にはIE/Chrome（たとえばFirefox）でそれは下にあります。

どこが間違っていますか？気にする特別な<object>属性はありますか？ objectタグに

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

：通常働くしようとする

Answer 1

ことの一つは、PARAMを設定することです。

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

Answer 2

wmodeをtransparentに設定する必要があります。

Answer 3

絶対インデックスとして配置されていないタグではZ-インデックスは機能しません。あなたのCSSでそう

、

オブジェクト{ 位置：絶対; z-インデックス：1; //これはうまくいくので、このオブジェクト上にオーバーレイを行うことができます }