Question

我有一个不透明度设置为0.8的div，在div里面我有一个iframe。我不希望iframe完全透明（即不透明度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，但它不起作用！，我将不胜感激任何帮助......

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

Answer 1

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

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

Answer 2

解决方案在您的选择器中更具体。将div保留为默认的不透明度（1），而是更具体地指定应该具有不透明度的div中的项目。所以喜欢：

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

透明div内部的非透明iframe

2 个答案: