无法设置JQuery多个css背景，而是覆盖

Question

我试图使用JQuery设置2个背景图像。但结果只显示了最后一张图片。

$(".hero-and-content").css({ 
    "background-image": "url(files/bl_floral.png)", 
    "background-position": "bottom left",
    "background-repeat": "no-repeat",
    "background-size": "150px", 
    "background-image": "url(files/tr_floral.png)",  
    "background-position": "top right",
    "background-attachment": "fixed",
    "background-repeat": "no-repeat",
    "background-size": "150px" 
});

我在这里查看过多篇文章。这种方法似乎适用于其他人。我错过了什么？

Answer 1

这很有用。感谢对该问题的评论：

$(".hero-and-content").css({ 

  "background": "url('files/bl_floral.png') bottom left no-repeat, url('files/tr_floral.png') top right fixed no-repeat", 
  "background-size": "150px, 150px" 

});