如何在ie 9-11中为iframe赋予不透明度

Question

我给了li标签不透明度，在悬停时不透明度是1。在chrome中，mozilla不透明度是可以的。但在ie 9-11中没有不透明。我试着把div放在绝对位置上，但没有成功，也试着把background-color:transparent放到iframe中，但同样没有成功。下面是我的html代码：

<ul>
    <li>
        <iframe src="https://www.youtube.com/embed/QALRgeSoZRs" width="300" height="150" allowfullscreen="allowfullscreen"></iframe>                
    </li>
</ul>

下面是css代码：

.video_list ul li {
  float: left;
  width: 48%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  margin-bottom: 27px;
  position: relative;
}

Answer 1

我找到了一个解决方案，也许这对其他人也有用。

下面是我更新的代码：

<iframe style="background: transparent;" src="https://www.youtube.com/embed/QALRgeSoZRs?wmode=transparent" width="300" height="150" allowfullscreen="allowfullscreen"></iframe>

刚刚添加了?wmode=transparent这个参数。

但现在有一个问题，悬停不能消除透明度，有没有人对此有什么建议？