像图中这个这样,下面的大图我想做成JS那种一会一张,图片右下角有【1】【2】这样的标示,然后上面的导航的底色,想要半透明,但我设置了,导航上的文字就跟着透明了,我单独给导航文...
像图中这个这样,下面的大图我想做成JS那种一会一张,图片右下角有【1】【2】这样的标示,然后上面的导航的底色,想要半透明,但我设置了,导航上的文字就跟着透明了,我单独给导航文字设置颜色或者透明度它还是和导航一样?
这是div
相关css是这样的
.banner {
width: 1000px;
position: relative;
height: 345px;
background-image: url(../images/banner.jpg);
}
.banner .bn {
position: absolute;
height: 60px;
width: 1000px;
background-color: #41403e;
filter: alpha(opacity=47);
}
.bn .logo {
float: left;
}
.nav{
height:24px;
width:900px;
float: right;
margin-top: 18px;
}
.nav li{
text-align:center;
float:right;
padding-right:15px;
color:#fff;
padding-left: 30px;
font-size: 14px;
}
展开