2013-12-07 103 views
-1

我有一個低透明度的div,所以背景可以通過它看到。但是,我希望內部的內容具有完全不透明性。目前,我已將透明度設置爲內部div,標識爲完全不透明,但仍具有較低的不透明度。在低透明度div內製作內容具有較高的不透明度?

我的代碼如下。

這是兩個div的風格。

#container { 
-moz-opacity: 0.48; 
opacity: 0.48; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=48); 
} 

#logo { 
-moz-opacity: 1.00; 
opacity: 1.00; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); 
} 

這是我執行它的地方。

<div id="container"> 
<div id="logo"> 
<center><img src="logo.png" /></center> 
</div> 
</div> 
+0

這是重複的。在問這個問題之前,爲什麼不使用谷歌或查看堆棧溢出? – jamespick

回答

2

嘗試使用#container設置不透明度。這應該解決您的問題

background-color:rgba(r,g,b,0.48) 
+0

不透明不起作用。它仍然具有完全不透明 – elliotanderson

+0

檢查此線程它應該工作http://stackoverflow.com/questions/806000/css-semi-transparent-background-but-not-text –