图片占位符卡在 iframe 后面(仅在 Windows 机器上)

Posted

技术标签:

【中文标题】图片占位符卡在 iframe 后面(仅在 Windows 机器上)【英文标题】:Images placeholder getting stuck behind iframe (just on Windows machines) 【发布时间】:2012-01-26 00:25:15 【问题描述】:

我正在尝试获取它,以便单击图像将播放下面的视频。它在所有 Mac 浏览器中都运行良好 - 在这里...

http://jsfiddle.net/SparrwHawk/KtbYR/14/

但在 Windows 上根本不起作用。也许这是 Windows 安全问题,也许 iframes 底下没有任何东西?不知道为什么会这样。任何人都可以提供解决方法吗?

我希望在视频上放置静止图像 - YouTube 生成的图像通常是模糊的,而如果我将自己的图像放在那里,我可以确保它是高质量的。

【问题讨论】:

【参考方案1】:

只需将wmode=opaque 添加到 URL 参数即可。

使用您的代码:http://jsfiddle.net/KtbYR/15/

编辑:请参阅this answer 了解说明

【讨论】:

以上是关于图片占位符卡在 iframe 后面(仅在 Windows 机器上)的主要内容,如果未能解决你的问题,请参考以下文章

Fancybox 卡在 IE 中加载 iframe

css 通过检查当前导航栏位置固定导航栏并仅在navbar.offset()。top大于$ wind时应用该类

css 通过检查当前导航栏位置固定导航栏并仅在navbar.offset()。top大于$ wind时应用该类

占位符文本仅在 Internet Explorer 中可见

Bootstrap,选择选项占位符仅在首次提交后显示

React-native 占位符仅在 Android 上部分可见