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>
<div class-"img"></div>

Answer 3

这只是简单的CSS，而不是jQuery。您可以在此处详细了解background-size：http://www.w3schools.com/cssref/css3_pr_background-size.asp

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

3 个答案: