背景透明内容不透明

opacity控制的透明度，会使子元素全都变成透明。

.cover{
  width:670px;
  height: 333px;
  opacity:0.6;
  background-color:rgba(20,32,60,0.6);
}

image.png

用rgba能做到让子元素不透明

.cover{
  width:670px;
  height: 333px;
  background-color:rgba(20,32,60,0.6);
}

image.png