为什么小程序css背景颜色和字体颜色一样 但是给背景添加了透明 但是字体还是显示不出来？

Question

首先这里是设计图

这是我写的

主要代码

问题就来了 字体就是不显示
以前也遇到过 好像我用rgb写的背景能显示？

  <view class="tags">
          <text>精准扶贫</text>
          <text>白牛王品牌</text>
        </view>

.tags text {
  padding: 5rpx 12rpx;
  background-color: rgba(219, 172, 109, 1);
  opacity: 0.2;
  border-radius: 16rpx;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #DBAC6D;
}

Answer 1

background-color: rgba(219, 172, 109, 0.2);

或者

color:#F00

#DBAC6D 和 rgba(219, 172, 109, 1) 是同一个颜色

Answer 2

background-color: rgba(219, 172, 109, 1); 透明度为1, 就是不透明, 背景色和文字颜色一样的

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。