html子元素不繼承父元素（opacity）的解決方法

給父元素設置了背景顏色加透明

background-color: #000;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);

發現效果是子元素也繼承了父元素的屬性

字也變的透明，如果不希望這樣，可以把上面的代碼用下面的代碼來代替

background: rgba(0,0,0,.3); 

效果如下圖

這樣字體就不會繼承父元素的屬性變的透明瞭。