CSSで背景に複数画像使えるやつ、いつの間にか全ブラウザ(IE9以上)で実装されていました。https://caniuse.com/#feat=multibackgrounds

あんまり使わないから気がつかなかった
#ex {
background-image: url(img_front.png), url(bg.png);
}
background-imageにカンマ区切りで複数の画像を設定できます。
記述順で下にレイヤーが重ねられていきます。(例の場合はimg_front.pngが一番手前、bg.pngが下のレイヤー)
#ex {
background-image: url(img_front.png), url(bg.png);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
}
positionやrepeatのプロパティはbackground-imageの順番通りにカンマ区切りで指定するか、
下の例のようにbackgroundのショートハンドプロパティで指定できます。
#ex {
background: url(img_front.png) right bottom no-repeat, url(bg.png) left top repeat;
}