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

【问题标题】：Z-index doesn't works for Embed Code pluginZ-index 不适用于嵌入代码插件
【发布时间】：2013-02-08 09:24:39
【问题描述】：

我使用 Chrome 和 Safari 浏览器观看直播。

<div style="position:relative; z-index:0;">
<object>
    <param name="wmode" value="opaque"></param>
    <embed id="SIPCtrl" type="application/xxxxx-plugin"  wmode="opaque"></embed>
</object>
</div>

我也尝试设置为：

<div style="position:relative; z-index:0;">
<object>
    <param name="wmode" value="transparent"></param>
    <embed type="application/xxxxx-plugin" wmode="transparent"></embed>
</object>
</div>

我有另一个 div 来显示弹出消息。我已经设置了 Z-index:1000 但它仍然没有显示在直播视频上方（嵌入插件）。这两个 html 都不行。

HTML 代码：http://jsfiddle.net/8C2py/3/

截图：

[结果]：现在在 Chrome 中工作（添加 iframe），但在 Safari 浏览器中没有运气。

谁能告诉我我的错误？非常感谢。

【问题讨论】：

能不能把其他div的CSS和HTML也贴一下？您可能需要将 object 放在 div 中，并在此容器中设置 z-index 而不是 object。
我已经添加了对象 div 代码。谢谢
如果位置为static（这是默认值），zIndex 可能不起作用。
如果位置是绝对的，它可以工作吗？

标签： html safari z-index always-on-top html-object

【解决方案1】：

将wmode="opaque" 添加到 object / embed tag 参数中，看看是否有帮助。

【讨论】：

【解决方案2】：

很难看不到整个代码....试试这个
<div style="position:relative; z-index:0;">

在您的容器 div 上。注意：如果您在容器闪存上将 z-index 设置为负数，则不会显示。看起来您没有使用闪光灯，但无论如何我都会避免使用它，以防万一。

【讨论】：

我已经尝试过了，但没有成功。我已经更新了我的整个 HTML 代码
你能把它放在 js fiddle 上或发布 url 吗？没有flash文件来测试，就不一样了
我已将其放入我的保管箱，这是链接dropbox.com/s/2dkhd5jergbp3i0/sample_code.htm。我使用的苹果 actX 插件与我的类似。当我在 Firefox 上尝试它时，它工作正常，但它在 Chrome 和 Safari 中不起作用。谢谢。
好吧，要求您在 jsfiddle 中执行此操作的目的是让我们不必自己设置它......继续前进......你错过了 wmode="transparent"第二个嵌入元素的属性/值。此外，您正在生成的 div 被附加到 body 元素，而不是您设置为 position:relative 的 div，所以我把 body{position:relative; z-index:0} 在你的脑海中......在 chrome 中工作
我没有在我的第二个嵌入元素上设置 wmode="transparent" 属性/值，因为即使我没有设置它也可以正常工作，但它不适用于第一个嵌入元素.我也放了 body{position:relative; z-index:0} 在我的脑海中，但仍然没有运气。我错过了什么吗？