作者：哟呼的围脖 | 来源：互联网 | 2023-09-17 11:11
12345678910 菜单 CSS部分1234567891
CSS部分
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| #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，按照网上的一些方法设置后文字和图片还是会和背景一样半透明，求解。
京公网安备 11010802041100号