您的位置:首页 > Web前端 > JQuery

关于腾讯视频遮住div解决办法

2017-04-18 14:12 218 查看
在做网页或者专题的过程中,有时候会用到腾讯视频或者优酷视频等第三方视频,我们直接复制第三方分享的视频地址就可以了,但是如果你的页面中有用到  position:fixed 的div,希望div显示在最上层并固定在顶部,那么问题就来了,这个视频就会遮住这个 position:fixed div,曾试过设置“z-index:99999”属性,但起不到任何作用。

后来研究发现,如果视频播放代码里面设置了属性wmode="Opaque"就能很好的解决这个问题,优酷、搜狐、56等视频都是可以的,以下是引用优酷视频的代码:

真确引用视频的代码如下:

<embed src="http://player.youku.com/player.php/sid/XMjM5ODU2Mzcy/v.swf" wmode="Opaque" allowFullScreen="true" quality="high" width="630" height="480" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息