父元素透明的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

透明度並不適用於「元素」，它適用於「元素的全部內容的」。您可以使內容比其父項更透明，但不會更不透明。