jQuery ui对话框在Flow播放器后面答案

【问题标题】：jquery ui dialogue box going behind Flow playerjQuery ui对话框在Flow播放器后面
【发布时间】：2014-04-18 09:23:04
【问题描述】：

我在项目中使用 flow player 和 jquery ui。

我的问题是当我打开一个 jquery ui 对话框时，它会在流播放器后面。这只发生在 Internet Explorer 中。

我在 IE9 和 IE11 都试过了，但问题还是一样。它在 Google Chrome 中运行良好。

有趣的是，我注意到在 Firefox 中 jquery ui 对话框出现在 flowplayer 上方，但 jquery ui 覆盖将出现在 jquery ui 对话框后面出现在 flowplayer 后面。意思是 jquery ui 覆盖在上面 flowplayer jquery ui 对话框上面的 flow player。

即使我尝试增加对话框的 z-index 但没有用。请帮我解决这个问题。

提前致谢。

【问题讨论】：

标签： jquery jquery-ui internet-explorer-9 flowplayer internet-explorer-11

【解决方案1】：

我假设您使用的是 flowplayer flash。如果是这样，请尝试将wmode 设置为不透明。这将允许玩家尊重 z-index。

来自 flowplayer 网站的示例

flowplayer("player", {
    src:"http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf",
    wmode: "opaque" // This allows the HTML to hide the flash content
    }, {
    clip: {
      url: 'http://stream.flowplayer.org/flowplayer-700.flv'
    }
});

更多详细信息请看flowplayerwmode demo

【讨论】：