- 菜单
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,按照网上的一些方法设置后文字和图片还是会和背景一样半透明,求解。