CSS 实现背景透明，文字不透明

<div class="shopAddress">上塘店</div>

.shopAddress {
       width: 72px;
       height: 36px;
       background: #2C5894;
       opacity: 0.4;
       border-radius: 8px;
       font-size: 16px;
       line-height: 36px;
       text-align: center;
 }

使用opacity后整个模块都透明了，展现如下：

使用说明：设置颜色的不透明度，一般用于调整background-color、color、box-shadow等的不透明度。

.shopAddress {
       width: 72px;
       height: 36px;
       background: rgba(44, 88, 148, 0.4);;
       opacity: 0.4;
       border-radius: 8px;
       font-size: 16px;
       line-height: 36px;
       text-align: center;
 }