Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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
HTML5视频(ipad)的z索引分层_Html_Html5 Video_Z Index - Fatal编程技术网

HTML5视频(ipad)的z索引分层

HTML5视频(ipad)的z索引分层,html,html5-video,z-index,Html,Html5 Video,Z Index,可能重复: 我正在使用BrightCove smartplayer代码将HTML5视频标记写入页面。这段代码用视频标签替换对象标签,这样它就可以在iphone和ipad上工作,而在不支持视频标签的浏览器中仍然可以工作 我所遇到的问题是,这个标签的分层是以动态方式编写的。它似乎不遵守z索引顺序,导致当有人翻过下拉列表时,我将下拉列表放在视频后面的视频上方。不确定它是否适用于HTML5视频,但Flash视频也存在类似的问题,可以通过解决。经过一些挖掘,我找到了解决问题的方法,这是一个非常相似的问题

可能重复:

我正在使用BrightCove smartplayer代码将HTML5视频标记写入页面。这段代码用视频标签替换对象标签,这样它就可以在iphone和ipad上工作,而在不支持视频标签的浏览器中仍然可以工作


我所遇到的问题是,这个标签的分层是以动态方式编写的。它似乎不遵守z索引顺序,导致当有人翻过下拉列表时,我将下拉列表放在视频后面的视频上方。

不确定它是否适用于HTML5视频,但Flash视频也存在类似的问题,可以通过解决。

经过一些挖掘,我找到了解决问题的方法,这是一个非常相似的问题。
当动态地将视频标记(也可能与其他标记一起)插入dom时,z-index属性会出错。
如您所见,解决方案非常简单:您必须添加css3属性
-webkit转换样式:preserve-3d

它没有被记录为bug,但这是我能找到的唯一解决方法。

希望这有帮助。

我也遇到了这个问题。我唯一能为我工作的就是添加

display:none

当在视频标签上显示需要单击的div时,将其添加到视频标签。

您需要为我们提供一些代码或链接,以便我们了解这个问题wmode属性专门用于flash。您还必须使HTML属性“controls”不存在。看见