动态加载的 Flash 电影位于 jquery 对话框的顶部：如何更改 zorder？答案

【问题标题】：Dynamically loaded flash movie is on top of jquery dialog: how to change zorder?动态加载的 Flash 电影位于 jquery 对话框的顶部：如何更改 zorder？
【发布时间】：2010-03-05 08:19:10
【问题描述】：

通过 javascript 在页面上加载 Flash 电影（在 div 上替换子项）

我将 jquery datepicker 添加到这部电影上方的输入中。

当显示日期选择器（或其他 jquery 元素）时，它显示在电影下方（错误的 zorder）

元素的 css 类中确实有“z-index: 99”

如何调出 jquery 元素？

[编辑]

Flash 对象标签上没有样式

这在 Chrome 和 IE 上会发生，在 Firefox 上也会发生，但有些元素在电影上（图片）

alt text http://img171.imageshack.us/img171/5519/capturadetelainteira050.jpg

【问题讨论】：

你能提供更多关于放置电影的div的信息吗？可能该 div 上的某些样式导致电影高于日期选择器。此外，这种行为是否出现在所有浏览器中（例如，因为 IE 6 在上面的浮动元素方面存在问题，例如下拉框（我相信也是 flash 元素））？

标签： javascript jquery jquery-ui z-order

【解决方案1】：

知道了……

必须添加到对象：

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

到css：

object
{ 
    position:relative; 
    z-index:0
}

【讨论】：

我认为您还需要将wmode="opaque" 添加到embed。除此之外，这对我有帮助，所以 +1

【解决方案2】：

您需要将 wmode:transparent 添加到 flash 以便它出现在其他元素的后面。 http://kb2.adobe.com/cps/142/tn_14201.html

【讨论】：

通过设置 wmode:transparent，您将只允许项目在 flash 下方显示（因此，如果该 flash 部分中没有内容，它将在 flash 下方显示内容）。我认为这不是解决方案，因为问题是关于需要漂浮在内容之上（并且可以点击）的东西，即使 Flash 在该位置显示内容。