css背景透明字体不透明的解决方案

在设计中，我们经常看到有一定透明度深色背景搭配浅色字体的布局，我们一般设置

opacity: 0.3;
background: #D8D8D8;
color:#ffffff;

就会导致字体也有一定的透明度。

解决方案，用css颜色的rgba来解决，将背景色转化为对应的rgb值，然后加上透明度，如下所示：

   background: rgba(261,261,261,0.3);
   color: #FFFFFF;

希望这篇文章可以帮助到你！