2013-12-07 74 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 –