如何在我的情况下替换背景图像？

Question

我想在用户点击按钮时更改背景图片。

用户点击按钮后执行以下代码。

 $('body').css('background',"url('test2.png') no-repeat center center")

但是，我的css有更多属性，如下所示：

body {
    background: url('test.png') no-repeat center center;
    -webkit-background-size: cover;
    background-color: #00ABBA;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

通过执行我的js代码，它将终止所有其他css属性并仅替换背景图像。我知道我可以将所有css属性附加到我的js，但我觉得有更好的方法来做到这一点。任何人都可以帮我吗？谢谢！

Answer 1

$('body').css('background-image','url(test2.png)');

只需定位background-image而不是通用background。

您的所有其他样式都将保留。