Question

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

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

我在IE9和IE11都尝试过但问题仍然存在。它在谷歌浏览器中完美运行。

有趣的是我在Firefox中注意到jquery ui对话框出现在流程播放器上方，但jquery ui overlay将出现在流程播放器后面出现的jquery ui对话框后面。在流动播放器jquery ui对话框上面流动播放器上面的平均jquery ui覆盖。

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

提前致谢。

Answer 1

我假设你正在使用flowplayer flash。如果是这样，请尝试将wmode设置为不透明。这将允许玩家尊重z索引。

取自流动作者网站的示例

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'
    }
});

有关详细信息，请参阅流程图wmode demo

jquery ui对话框落后于Flow玩家

1 个答案: