html图片上文字透明度不变,css怎么设置背景半透明文字不透明

• 菜单

CSS部分

#header{

height:60px;

background:#fff;

background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/

opacity:0.5;

filter:alpha(opacity=50);

-moz-opacity:0.5;

width:100%;

line-height:60px;

position:absolute;

z-index:99;

}

#header .logo{

background-image:url(img/logo.png);

background-size:cover;

width:40px;

height:40px;

float:left;

margin:10px 0;

position:relative;

}

nav.menu{

width:100%;

}

nav.menu ul{

float:left;

margin-left:15px;

}

nav.menu ul li{

display:inline-block;

}

nav.menu ul li a{

display:block;

line-height:60px;

padding:0 20px;

color:#000;

position:relative;

}

怎么使得header的背景半透明而文字和图片不透明呢，我找到的资料是把父元素设置成半透明，子元素的position设置成relative，按照网上的一些方法设置后文字和图片还是会和背景一样半透明，求解。