IE中div被视频遮住(用embed来内嵌视频)的解决方法
当我们在使用 IE 浏览器进行网页浏览时,可能会遇到 div 被视频遮住的问题。在内嵌视频时,我们通常使用 embed 标签,这在大多数浏览器中都不会出现问题,但在 IE 中却容易出现遮盖问题。下面,我们就针对这个问题提供两种解决方案。
方案一:利用 wmode 参数
在使用 embed 标签时,我们可以加上 wmode 参数,并将该参数的值设置为 transparent。这样,就可以让视频透明,避免遮挡 div 元素。
示例代码如下:
<embed src="video.mp4" width="400" height="300" wmode="transparent">
方案二:使用 iframe 标签
使用 iframe 标签也是一种解决方案。我们可以将视频放在 iframe 中,同时设置 iframe 样式的 z-index 值,让视频不再遮盖 div 元素。
示例代码如下:
<div style="position:relative; z-index:1;">
<p>这是一个div元素</p>
<!-- 将视频放在 iframe 中 -->
<iframe src="video.html" width="400" height="300" frameborder="0" style="position:absolute; top:0; left:0; z-index:-1;"></iframe>
</div>
通过上述两个方案,我们就能够轻松解决 IE 中 div 被视频遮住的问题。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:IE中div被视频遮住(用embed来内嵌视频)的解决方法 - Python技术站