最近做一个网站,要实现的效果是网站顶部有个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、谷歌、火狐浏览器测试显示正常,效果如下: