Z-index 不适用于嵌入代码答案

【问题标题】：Z-index not working for Embed CodeZ-index 不适用于嵌入代码
【发布时间】：2011-02-16 07:01:45
【问题描述】：

在滚动我的网页时，包含视频的 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、Google Chrome 中没有落后于标题。请有人帮帮我。谢谢

【问题讨论】：

您使用的是哪个浏览器？ Internet Explorer 往往在表单元素、嵌入等方面存在许多 z-index 问题。
它不适用于 firefox3.6,chrome
你有我们可以看到的活生生的例子吗？

标签： html css wordpress

【解决方案1】：

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

wmode = transparent

【讨论】：

【解决方案2】：

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

编辑：

将此添加到您的对象中：

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

这个到你的嵌入：

wmode="transparent" 并记得使用</embed> 关闭您的嵌入标签，或者看到您正在使用XHTML doctype：/>。我在萤火虫中添加了这些，效果很好:)

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

#wp-admin-bar * 上也有 z-index; 999;，我将其添加到父级； #wp-admin-bar .padder 只是为了确保孩子们会继承这个价值。

【讨论】：

它在 Firefox3.6、Chrome 上不起作用。我不是在谈论 IE。
嘿凯尔感谢您提供有用的信息，但无论您提供什么代码，我都尝试了相同的方法，但没有成功。你可以从萤火虫检查它。
再次遇到同样的问题..我做了所有的事情，但仍然离我的目标很远..请再看看..谢谢
对不起，我在答案中打错了，transaprent 应该是transparent。我的错。编辑修复。而且你还没有关闭embed 标签。

【解决方案3】：

错别字

value="transaprent" 更改为 value="transparent"

【讨论】：