0

我有一个不透明度设置为 0.8 的 div，在该 div 里面我有一个 iframe。我根本不希望 iframe 是透明的（即 opacity 1.0）。

标记：

 <div id="container">
  some text and images
  <iframe width="500" height="370" src="http://www.youtube.com/embed/'+videoId+'" frameborder="0" allowfullscreen></iframe>
</div>

CSS：

 #container{ 
   opacity: 0.8;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 }

我尝试将不透明度重置为 1.0，但它不起作用！，我将不胜感激任何帮助...

另外，这是设置不透明度的最佳方法吗（跨浏览器兼容性）

4

2 回答 2

1

那是不可能的；当您设置不透明度时，它适用于所有子元素。您可以通过将背景颜色设置为rgba(0, 0, 0, 0.8)或类似的东西来实现您想要的。

编辑：对不起，我误读并错过了您已经拥有opacity: 0.8的内容以及特定于 MS 的代码。

于 2013-04-15T18:49:35.923 回答
0

解决方案是在您的选择器中更加具体。将 div 保留为默认不透明度 (1)，而是更具体地定位 div 中应该具有不透明度的项目。就像：

#container p, #container img {
   opacity: 0.8;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
于 2013-04-15T18:49:48.813 回答