DIV浮在视频之上解决方法

最近做一个网站,要实现的效果是网站顶部有个DIV层一直置顶,CSS样式是这样写的:

?
1
2
3
4
5
6
7
8
9
10
#header- top {
width : 100% ;
border-top : 2px solid #49C5FF ;
z-index : 99999 ;
position : fixed ;
top : 0px ; /* position fixed for IE6 */
_position : absolute ; /* for IE6 */
_top : expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
overflow : visible ;
}

但是,如果网页里面如果内置了优酷或搜狐等视频,那么视频就会盖住了#header-top这个DIV层,曾试过设置“z-index:99999”属性,但起不到任何作用。

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

?
1
< 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 >

IE、谷歌、火狐浏览器测试显示正常,效果如下:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值