Z-index不适用于嵌入代码

Question

在滚动我的网页时,有视频的DIV不会落后于顶级DIV.在我的网页上有一个顶级DIV,它具有完整的css样式

#header{
font-size:11px;
height:25px;
position:fixed;
top:0;
width:960px;
z-index:1000;
}

现在清除所有浮动元素后,我在包装DIV上添加了一个视频,就像这样.

<div id="vedio">
<object>video code</object>
</div>

应用CSS

#vedio{
position:relative;
text-align:center;
z-index:0;
}

做完所有的事情之后,视频不会落在FireFox3.6,谷歌Chrome的标题后面.请有人帮帮我.谢谢

Answer 1

您正在测试哪个浏览器？IE有z-index:0;问题,总是从那里开始1或-1从那里开始.

编辑:

将其添加到您的对象:

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

这对你的嵌入:

wmode="transparent"并且记得</embed>在使用XHTML doctype时关闭你的embed标签或者看到:/>.我在firebug中添加了这些并且工作正常:)

<object width="606" height="385">
            <param name="movie" value="http://www.youtube.com/v/RjUIarUAioY&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6"></param>
            <param name="allowFullScreen" value="true"></param>
            <param name="allowscriptaccess" value="always"></param>
            <param name="wmode" value="transaprent"></param>
            <embed src="http://www.youtube.com/v/RjUIarUAioY&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6"
                   type="application/x-shockwave-flash"
                   allowscriptaccess="always"
                   allowfullscreen="true"
                   width="606" height="385"
                   wmode="transparent">
            </embed>
        </object>

你也有z-index; 999;对#wp-admin-bar *,我把它添加到父; #wp-admin-bar .padder只是为了确保孩子们继承这个价值.