CSS - 不透明的背景下，eveything內有混濁也

Question

我有這個網站在這裏：

http://artendijen.com/susan_dev/

和我有導航盒內部的不透明度和一切導航盒具有不透明性也，怎麼辦我解決這個問題？我在Windows 7上使用Chrome，如果這有什麼不同。

.navigation{ 
    float:left; 
    height:550px; 
    width:300px; 
    background:#000; 
    margin-left:-6px; 
    margin-top:100px; 
    opacity:0.6; 
    filter:alpha(opacity=60); 
    border-radius: 0 10px 10px 0; 
    box-shadow: 5px 0px 3px rgba(0,0,0,.5); 
} 

.navigation ul{ 
    list-style:none; 
    padding-top:20px; 
} 

.navigation ul li{ 
    padding-bottom:20px; 
} 

.navigation ul li a{ 
    font-size:18px; 
    text-decoration:none; 
    color:#FFF; 
    text-transform:uppercase; 
    font-family:'Conv_Museo300-Regular'; 
} 


.logo{ 
    text-align:center; 
    padding-top:10px; 
} 

Answer 1

不透明度適用於元素及其所有子元素。

使用具有RGBA值的背景顏色。

background: rgba(0,0,0,0.6); 

Answer 2

從.navigation取出opacity規則和阿爾法子屬性值添加到background-color。

Answer 3

你不能修復它，是什麼opacity做的元素和他的所有內容。

如果你想要或許只是將不透明度應用到background-color那麼你可以使用rgba（）值。

background-color: rgba (0,0,0,0.4); 

有第一三個值是在這個黑色的顏色0,0,0和第四值0.4是α通道=透明度級別。

如果你可以使用它，你可以查看這裏的兼容性

http://caniuse.com/css3-colors