css 父元素背景色如何覆盖子元素背景色

可以使用CSS的opacity属性来实现父元素背景色覆盖子元素背景色。将父元素的opacity属性设置为小于1的值，同时将子元素的opacity属性设置为1，这样父元素的背景色就会覆盖掉子元素的背景色。

例如：

.parent {
  background-color: #fff; /* 父元素背景色 */
  opacity: 0.5; /* 透明度小于1，使父元素的背景色覆盖子元素 */
}

.child {
  background-color: #f00; /* 子元素背景色 */
  opacity: 1; /* 不透明度为1 */
}

效果如下：