父元素透明的HTML元素不会变得不透明

Question

有没有什么办法可以让父元素透明的元素不透明？例如，在这个jsFiddle上，我有一个透明的父div的单词“blah”。我怎么会变得“不行”变得不透明？

我的html：

<div><p class="blah">blah</p></div> 

我的CSS：

div{ 
    height:100px; 
    width:100px; 
    margin:auto; 
    background-color:white; 
    opacity:0.5; 
} 
.blah{ 
    opacity:1; 
} 
body{ 
    background-color:blue;  
} 

Answer 1

孩子不能比他们的父母为他们的不透明度乘法更高的透明度。

你用could PNG背景或RGBA颜色： http://css-tricks.com/rgba-browser-support/

div { 
    background-color: rgba(255,255,255,0.5); 
} 

Answer 2

透明度并不适用于“元素”，它适用于“元素的全部内容的”。您可以使内容比其父项更透明，但不会更不透明。