jquery - 无法设置 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" 

});