Css 将第一个背景置于第二个背景之上

我有两个背景。我想要第一个背景在第二个背景之上

#第一个背景{
背景：url（“/assets/first bg.png”）不重复；
背景尺寸：封面；
}
#第二背景{
背景：url（“/assets/second bg.svg”）不重复；
}

一些内容

如果您希望在第二个背景之上使用第一个背景，请在一个类中同时使用这两个背景，如下所示：

 #example {
    width: 500px;
    height: 250px;
    background-image: url("/assets/first-bg.png"), ("/assets/second-bg.svg");
    background-position:
        center bottom,  /* this positions the first image */
        left top; /* this positions the second image */
    background-repeat: no-repeat;
   }