【问题标题】:Flash Object Upstaging a Pop Up DivFlash 对象升级弹出 div
【发布时间】:2011-02-25 03:52:35
【问题描述】:

我们在网站上运行 Flowplayer 视频播放器(通过 jQuery 方法),一个带有 jQ​​uery UI 工具的 Div 弹出窗口。

问题是,Div 正在被 flowplayer 上演,使得 flow player 具有更高的堆栈顺序。看看其他一些论坛,我在 flowplayer 代码中添加了一个解决方案。 wmode 透明。

flowplayer("player", "URL", { wmode: "transparent", ... });

这适用于 Firefox,但在 IE7 和 8 中失败。所以我添加了位置和 z-index,但 IE7 和 8 显示 Flowplayer 升级了弹出 div。如果有人遇到过这个问题,知道如何解决这个问题或者有一些我可能忽略的东西,我们将不胜感激。谢谢。

目前,Div 有以下几种:

<div ... style="z-index:999; position:relative;"> ... </div>

编辑:即使没有 Position 和 z-index,它在 FF 中也能正确显示,但在 IE 中却不能。

【问题讨论】:

  • 我相信 IE7/8 不支持透明度。
  • 相对定位没有多大帮助,imo。尝试绝对定位。

标签: jquery css internet-explorer-7 flowplayer


【解决方案1】:

我不确定这是否可行,但您可以尝试使用旧的“IE shim”技术,该技术包括在 div 后面粘贴 iframe,强制 IE 为其提供显示优先级。下面的 SO 页面有一个 jQuery 插件的链接,它可能会让您更轻松:

jQuery: Problem with windowed controls in IE6

【讨论】:

  • 感谢 chprpipr,这似乎是一种使用 IE 的合理方式,我会收藏它,因为我确信类似的事情会再次出现。我确实通过在显示弹出 div 时隐藏视频来创建一个解决方法,因为如果显示弹出 div,他们不应该观看视频,并且一旦 div 被隐藏(关闭),那么视频将被显示再次。
猜你喜欢
  • 2014-06-25
  • 2022-11-16
  • 2012-05-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-04-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多