css 对div设置opacity，影响文字透明度的解决办法

如下图所示，左图采用的是opacity的方式控制背景颜色的，右图采用的是rgba的方式控制背景颜色的。
虽说是背景颜色没有问题，但是左图的文字颜色明显受到了opacity的影响,因此应采用rgba的方式实现才是最合理的。

左图的写法

.scroll_page {
  background-color: #000000;
   opacity: 0.3;
}

右图的写法

.scroll_page {
    background:rgba(0, 0, 0, 0.3);
}