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.Please有人帮帮我。谢谢

Answer 1

您正在测试哪个浏览器？ IE有z-index:0;个问题，始终以1或-1开头并从那里开始。

修改：

将此添加到您的对象：

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

这是你的嵌入：

wmode="transparent"并且记得使用</embed>关闭您的嵌入代码，或者在使用XHTML doctype />时看到。我在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只是为了确保孩子们继承价值。

Answer 2

在object视频中，尝试设置param：

wmode = transparent

Answer 3

错字

值=＆＃34; transaprent＆＃34;改为值=＆＃34;透明＆＃34;

Z-index不适用于嵌入代码

3 个答案: