webkit 中非 Flash 视频的 z 索引
我试图让嵌入的 .wmv 视频出现在 webkit 浏览器(最重要的是 Windows 和 Mac 上的 Safari 5)中 CSS 控制的下拉菜单后面。
我尝试将 wmode 更改为透明,但这并不能解决问题。我倾向于使用不透明,因为至少使用闪光灯,您可以更好地瞄准对象,而且我还没有使用需要透明度的视频。
请注意:这不是 .swf 或 .flv 文件的问题,而是 .wmv 文件的问题。
我已经设置了示例来显示问题和我正在使用的html。这个例子适用于 IE7/IE8/IE9/FF3.6。
如果有人可以帮助我将不胜感激!
谢谢!
I am trying to get an embeded .wmv video to appear behind a CSS controlled drop down menu in webkit browsers (most importantly Safari 5 on Windows and Mac).
<edit> I've expanded my test files and am having the same issue with .avi and .mpg (which I suppose in unsurprising since I use the same html). Additionally I've got the issue with .mov files which I use slightly different html for. But I can live with no .mov support for now.
</edit>
I have tried changing the wmode to transparent but that doesn't fix the issue. I tend to use opaque as, with flash at least, you can then target the object better and I've not yet used a video that requires transparency.
Please note: this is not an issue with .swf or .flv, just .wmv files.
I have set up an example showing the issue and the html I am using. This example works for me in IE7/IE8/IE9/FF3.6.
If anyone can help I will be much indebted!
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
http://jsfiddle.net/pzBFC/19/
信用:: http://www.vsellis.com/code/fix-dropdown-menus -that-fall-behind-embeded-video/
您可以检查它们嵌入视频方式的差异,另一方面,我添加了 CSS 的快速修复,设置 z-index 的值和定位。
http://jsfiddle.net/pzBFC/19/
Credit:: http://www.vsellis.com/code/fix-dropdown-menus-that-fall-behind-embeded-video/
You could check the differences on how they embedded the video, on the other hand, I've added a quick fix on the CSS, setting values for z-index and positioning.