关于背景透明度，对文本的影响。

• 使用 opacity 属性为元素的背景添加透明度时，其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。

div {
  background-color: green;
  opacity: 0.3;
}

• 使用 RGBA 颜色值，子元素应用不继承透明度。就是只改背景透明，然后文本不受影响啦。

div {
  background: rgba(0, 128, 0, 0.3) /* 30% 不透明度的绿色背景 */
}