CSS 背景色だけ透過させる方法
以下のようなHTMLがあるとします。
文字列はそのままで、グレーの部分だけを透過させたい場合は、グレーの部分に透過を適用します。
background-color に rgba を指定し、四つ目の値を1以下にします。この場合0.5にしています。
<div class="wrap">
<div class="box">
Tamibouz
</div>
</div>.wrap {
background: rgb(255, 192, 203);
width: 100%;
height: 100%;
}
.box {
background-color: rgba(128, 128, 128, 0.5);
width: 300px;
height: 300px;
}