非透明iframe內透明div

我有一個不透明度設置爲0.8的div，並在該div我有一個iframe。我不希望iframe透明（即不透明度爲1.0）。非透明iframe內透明div

標記：

<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，但它不工作！我希望得到任何幫助......

也，這是設置不透明度的最好方法（跨瀏覽器兼容性）

來源

2013-04-15 Firezilla12

可能重複的[我不想從父母繼承兒童不透明度]（http://stackoverflow.com/questions/5770341/i-do-not-want-to -inherit-child-opacity-from-the-parent-in-css） – Quentin

這是不可能的;當你設置不透明度時，它適用於所有的子元素。您可以通過將背景顏色設置爲rgba(0, 0, 0, 0.8)或類似的東西來達到您想要的效果。

編輯：對不起，我誤讀並錯過了你已經有opacity: 0.8在那裏以及MS特定的代碼。

來源

2013-04-15 18:49:35

解決方案是在您的選擇器中更具體。將div保留爲默認不透明度（1），而是更具體地針對應該具有不透明度的div中的項目。所以就像：

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

來源

2013-04-15 18:49:48 ArleyM

謝謝，這可以做到這一點，但我有興趣使div背景透明！使用{background-color：rgba（254,253,252,0.9）}正是在...之後... – Firezilla12

非透明iframe內透明div

回答

相關問題