.image-bg {
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
opacity:0.3;
}
background-color:rgba(0,0,0,0.5)
使用opacity的透明 就会所有东西都透明 但是你想要文字不透明
就要使用rgba 的最后一个参数 只让背景图片透明就可
.image-bg {
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
opacity:0.3;
}
background-color:rgba(0,0,0,0.5)
使用opacity的透明 就会所有东西都透明 但是你想要文字不透明
就要使用rgba 的最后一个参数 只让背景图片透明就可
本文标题:背景图片透明css样式
本文链接:https://www.haomeiwen.com/subject/rworwktx.html
网友评论