css 背景透明 文字不透明的方法
html代码如下:
<div class="prizeNum">
<p class="prizeNameTitle">name</p>
</div>
css 代码如下:
.prizeNum{
color: #fff;
font-size: 12px;
background-color: rgba(0,0,0,0.5);
width: 67%;
height: 45px;
border-radius: 40px;
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%);
text-align: center;
line-height: 25px;
}
background-color: rgba(0,0,0,0.5);
想要修改透明背景的颜色 修改rgb的值就可以了 最后一个是透明度