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

我迄今为止代码：

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

我想要做的是有在一组大小的背景图像，让我们说：width: 100%和height: 100%。

来源

2013-06-27 Chris Lad

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

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

来源

2013-06-27 21:12:34 alex

谢谢，这工作，但由于某种原因，“背景大小”：“100％100％”不工作可能的东西使用我正在使用的程序 - Edge Animate ...任何关于如何获得100％高度和宽度以及将图像拉伸到高度和宽度的想法..？ –

我可能会有点晚，但对于看到此评论的人：background-size：100％100％;将图像拉伸至容器的100％高度和宽度，而不是图像。因此，如果您希望图片保持初始尺寸，您需要为宽度或高度设置“自动”，例如背景大小：100％自动; （将图像拉伸至容器的100％宽度并通过初始图像尺寸的比率自动设置高度）。 – Kathara

-3

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

来源

2013-06-27 21:09:26

这为我工作（滑块内）：

<!-- 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>

来源

2016-03-02 22:09:04 seanwbarker

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

回答

相关问题