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

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

$('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，但我觉得有更好的方法来做到这一点。任何人都可以帮助我吗？谢谢！

来源

2014-01-30 FlyingCat

为什么会覆盖其他样式？如果你只想替换图像，只设置'background-image'样式？ – adeneo

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

只是针对background-image而非普遍background。

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

来源

2014-01-30 01:16:28

是的，这是更好的...当使用全尺寸背景你应该有所有的属性分开。背景图像，背景大小，背景位置X，Y等等 – JuanBonnett

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

回答

相关问题