Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress jquery lightbox和flash/html5视频之间的冲突-仅在chrome中_Wordpress_Google Chrome_Html5 Video_Lightbox_Flash Video - Fatal编程技术网

Wordpress jquery lightbox和flash/html5视频之间的冲突-仅在chrome中

Wordpress jquery lightbox和flash/html5视频之间的冲突-仅在chrome中,wordpress,google-chrome,html5-video,lightbox,flash-video,Wordpress,Google Chrome,Html5 Video,Lightbox,Flash Video,我有一个wordpress ng gallery模板:,当视频嵌入同一页面时,它的lightbox在chrome中的行为很奇怪。只有在以下情况下才会出现问题: 使用chrome(v23)。在所有其他主要浏览器(Windows7)上测试,没有问题 如果页面对于视口太大(有滚动条) 页面中有一个嵌入式视频,并且视频已经启动(无论是html5还是flash,都会出现相同的问题) 如果您查看此处的页面:,似乎发生的情况是,仅在上述条件下,lightbox不会移动以适应视口。这会使部分内容显示两次,而

我有一个wordpress ng gallery模板:,当视频嵌入同一页面时,它的lightbox在chrome中的行为很奇怪。只有在以下情况下才会出现问题:

  • 使用chrome(v23)。在所有其他主要浏览器(Windows7)上测试,没有问题
  • 如果页面对于视口太大(有滚动条)
  • 页面中有一个嵌入式视频,并且视频已经启动(无论是html5还是flash,都会出现相同的问题)
如果您查看此处的页面:,似乎发生的情况是,仅在上述条件下,lightbox不会移动以适应视口。这会使部分内容显示两次,而部分内容根本不显示。Web inspector表示,div的位置正确,但“看起来”不正确


我目前对此感到困惑。wmode修复没有任何帮助,我在网上找到的其他东西也没有帮助。有没有关于这可能是什么的想法?chrome中的bug?或者关于这个灯箱与嵌入式视频交互的方式。

我使用:Internet Explorer 9:bug-forces Quirks mode display(不显示)测试了您的页面。Firefox:bug,没有显示视频或缩略图滚动条。Chrome实际上是唯一一个似乎有效的(虽然,是的,当我把窗口缩小时,我可以复制你的bug)。无论如何,您可能正在开发中,但该页面在任何地方都无法工作,因此请提供一个工作URL,我们可以在其中复制概念验证。嗨,barakadam,非常感谢您查看该网站。我忘了将wmode=opaque添加到youtube嵌入查询字符串中,这修复了测试页面上的“视频显示在lightbox顶部”问题。我现在已经这样做了,这使得lightbox可以在IE9和firefox中正确显示。然而,我认为chrome的问题是无关的。