多个背景颜色层

我想知道是否有可能为div创建两个背景颜色并覆盖它们.

我想要一个白色背景颜色,以便这个div下方的内容不会透过,另一个rgba()颜色涂在这个白色上,为每个脚本创建更亮的颜色.

如果不理解为什么要这样,可以通过使用纯色渐变来完成:小提琴.

body {
    background: linear-gradient(rgba(220,14,120,0.5), rgba(220,14,120,0.5)),
                linear-gradient(white, white); /* first bg is on top of this */

}