首页 新闻 会员 周边 捐助

video标签在微信内置浏览器和QQ浏览器（手机端）的怪异现象

0
悬赏园豆：50 [已关闭问题] 关闭于 2015-01-26 10:47

用H5做了一个新闻信息展示的网页，video标签总是处于最顶层，调节z-index的值不起作用，对于flash也是一样的情况，flash已设置wmode属性。在PC端和手机端大部分浏览器（360、小米内置浏览器、ff、opera、uc等）都没有这个问题，唯独在微信内置浏览器和QQ浏览器上有问题。求大神解答~

进击的小矮人的主页 进击的小矮人 | 菜鸟二级 | 园豆：316
提问于：2015-01-08 15:29
< >
分享
所有回答(2)
0

加上 position: absolute; 试试，参考：HTML5 video ignoring z-index

dudu | 园豆：30778 (高人七级) | 2015-01-08 16:13

尊驾，我英语不好，那个帖子大意是不是说video标签要放在div外面，然后分别设置高度的意思.....？

支持(0) 反对(0) 焰￡天琊 | 园豆：418 (菜鸟二级) | 2015-01-09 11:23

@焰￡天琊: 关键是要使用绝对定位

支持(0) 反对(0) dudu | 园豆：30778 (高人七级) | 2015-01-09 11:26

@dudu: 噢噢噢，谢谢指点

支持(0) 反对(0) 焰￡天琊 | 园豆：418 (菜鸟二级) | 2015-01-09 11:27

@dudu: 已经是绝对定位了，这是内核的问题，把video或flash解析成native框了，所以一直浮动在最前。手机卸掉QQ浏览器就没有问题，这样微信使用的是内置浏览器内核。

支持(0) 反对(0) 进击的小矮人 | 园豆：316 (菜鸟二级) | 2015-01-26 10:45
1

这是内核的问题，把video或flash解析成native框了，所以一直浮动在最前。手机卸掉QQ浏览器就没有问题，这样微信使用的是内置浏览器内核。

进击的小矮人 | 园豆：316 (菜鸟二级) | 2015-01-26 10:45
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。