IE8下网页中的视频会遮挡住顶层DIV的解决办法

时间:2020-12-10 14:49:19

在IE8浏览器下,发现网页中的视频会遮挡住本来固定在最顶层的DIV。即便使用z-index也无法解决。但是其他浏览器是正常的。

解决的办法很简单,就是在调用flash视频播放器的时候,加上一个参数“opaque”,如代码中的红色部分:

<object width="720" height="452" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" align="middle">
    <param name="src" value="http://player.youku.com/player.php/sid/XNzUwOTQwMDI0/v.swf" />
    <param name="allowfullscreen" value="true" />
    <param name="quality" value="high" />
    <param name="allowscriptaccess" value="always" />
    <param name="wmode" value="opaque" />
    <embed width="720" height="452" type="application/x-shockwave-flash" src="http://player.youku.com/player.php/sid/XNzUwOTQwMDI0/v.swf" allowfullscreen="true" quality="high" allowscriptaccess="always" align="middle" />
</object>