javascript - 如何设置背景大小（高度和宽度）？

Question

我对 JavaScript 很陌生。

到目前为止我的代码：

$("#Stage").css(
  "background-image",
  "url(BG.jpg)",
  "background-attachment", 
  "fixed"
);

我想要做的是将背景图像设置为固定大小，所以可以说：width: 100%和height: 100%.

Answer 1

你想用background-size: 100%. 确保其浏览器支持与您支持的平台兼容。

$("#Stage").css({ 
     "background-image": "url(BG.jpg)", 
     "background-attachment": "fixed",
     "background-size": "100%"
});

Answer 2

这对我有用（在滑块内）：

<!-- CSS -->
<style>
    div.img { 
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    div.img:nth-of-type(1) {background-image: url('img.jpg');}
    div.img:nth-of-type(2) {background-image: url('img.jpg'); 
    }
</style>

<!-- HTML -->
<div class="img"></div>

Answer 3

这只是简单的 CSS，而不是 jQuery。您可以在此处阅读更多信息：http background-size: //www.w3schools.com/cssref/css3_pr_background-size.asp