如何在我的情況下替換背景圖片？

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。

您的所有其他樣式都將保留在原位。