IE中div被视频遮住(用embed来内嵌视频)的解决方法

IE中div被视频遮住（用embed来内嵌视频）的解决方法

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 被视频遮住的问题。