【问题标题】: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 开头并从那里开始。

    编辑:

    将此添加到您的对象中:

    &lt;param name="wmode" value="transparent"&gt;

    这个到你的嵌入:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-12-02
      • 1970-01-01
      • 2019-04-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多