jquery - css中 body 背景的简写

Question

我想知道如何使用 css 背景属性的简写。我想使用 jquery 覆盖现有图像，但没有运气。我有如下内容:

body {
    background-image: url('../images/bg-dark.jpg');
    background-repeat:no-repeat;
    background-position: center center;
    background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #464646;
}

J查询:

 $('body')
     .css('background', 'assets/images/bg-white.jpg')
     .css('background-repeat', 'no-repeat');
     .css('background-position', 'center center');
     .css('background-attachment', 'fixed');
     .css('background-size', 'cover');

Answer 1

.css('background', 'assets/images/bg-white.jpg') 是错误的。您不能将任意字符串分配给 CSS background(或 background-image)属性。您需要为其分配一个url:

.css('background', 'url(assets/images/bg-white.jpg)')

您还滥用了分号。它们终止整个语句，而不是单独的行。您的链式 .css 调用不能每次都以分号结束，您需要在整个链的末尾使用 一个 分号。