使用 jquery-backstrech 自动调整整页背景图像的大小答案

【问题标题】：auto-resize Full Page Background Image with jquery-backstrech使用 jquery-backstrech 自动调整整页背景图像的大小
【发布时间】：2012-12-12 19:48:45
【问题描述】：

如何修改这个插件http://srobbin.com/jquery-plugins/backstretch/ 以在窗口像http://css-tricks.com/examples/FullPageBackgroundImage/css-1.php 这样调整大小时自动保持背景比例。

我喜欢“backstrech”中的平滑淡入淡出效果，我想保留这个插件，但如果有人有更好的插件来做我的工作寻找图像之间的平滑效果。

谢谢

【问题讨论】：

标签： jquery-plugins background slideshow fullscreen jquery-backstretch

【解决方案1】：

尝试将其添加到您的 Css 文件中

html {
background: url(../img/pattern.png) fixed, url(../img/background-image.jpg) 50% 50% fixed no-repeat;
-moz-background-size: auto, cover; /* Firefox 3.6 */ 
background-size: auto, cover; /* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */

}

【讨论】：