Question

我为li标签赋予了不透明度，并且悬停不透明度为1.在chrome中，mozilla opacity是可以的。但是在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这个参数。

但是现在有一个问题是onhover无法删除透明度，任何人都可以提出任何建议吗？

如何在9-11中给iframe提供不透明度

1 个答案: