遮罩层div出现在youtube视频之下

在cvc项目中， 有个带遮罩层的弹窗， 结果它盖不住那个<object>的youtube视频，折腾之后，发现它的源码中少了一个重要参数：

1 <div style="position:relative;" class="vedio"><!-- Enhanced YouTube Shortcode -->
2 <object style="height: 298px; width: 535px">
3 <param value="http://www.youtube.com/v/ihd7ofrwQX0?version=3&amp;fs=1&amp;autohide=1&amp;modestbranding=1&amp;theme=light&amp;rel=0" name="movie">
4 <param value="true" name="allowFullScreen">
5 <param value="always" name="allowScriptAccess">
6 <embed width="535" height="298" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="http://www.youtube.com/v/ihd7ofrwQX0?version=3&amp;fs=1&amp;autohide=1&amp;modestbranding=1&amp;theme=light&amp;rel=0">
7 </object></div>

记得以前遇到时我加了个：<param name = "wmode" value = "transparent">就ok了，可这次死活不行，神奇的时，ie7~i10都可以，就ff ， safari不行，奶奶的。

而且<embed>中的‘wmode="transparent"’, 必须在页面加载时就有，而不能通过js在页面加载好之后再往<embed>里添加。

posted on 2012-11-06 11:26  xjjrain2011  阅读(232)  评论(0)    收藏  举报

导航