html - CSS-不透明度背景，里面的所有内容也都具有不透明度

我在这里有这个网站：

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;
}

最佳答案

不透明度适用于元素及其所有子元素。

使用具有RGBA值的背景色。

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

关于html - CSS-不透明度背景，里面的所有内容也都具有不透明度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19714964/