javascript - 如何复制这种背景图像效果？

Question

使用此示例:http://www.meridianapps.com/

我喜欢当您打开浏览器时背景图像扩展和放大的方式。但如果您尝试最小化浏览器，它也有最小宽度。

我想复制这个。有人可以向我指出一个插件或代码，我可以使用它在我的网站中插入类似的内容吗？

Answer 1

很棒、简单、渐进的 CSS3 方式得益于 CSS3 中现在的背景大小属性，我们可以纯粹通过 CSS 来完成此操作。我们将使用 html 元素(比 body 更好，因为它始终至少是浏览器窗口的高度)。我们在其上设置固定且居中的背景，然后使用设置为 cover 关键字的背景大小来调整其大小。试试这个

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

取自here