jquery - 如何放置全宽背景图像？

Question

使用引导程序，我设法放置了全宽背景图像。问题是应该以什么分辨率创建图像？

应该是 1600x1200 并让引导框架调整它吗？但是更高的分辨率呢？

我努力得到的结果就像在这个页面上：http: //www.indochino.com/product/white-casual-shirt

图像就像一个横幅。如果我理解正确，他们创建了 1600x1200 图像。

Answer 1

Use a larger image and then use CSS3's background-size: cover. It completely fills the div/body with the background image you provided. In other words, it automatically resizes the background image to fit the element no matter the dimension.

#div {
 background: url("someimage.jpg");
 background-size: cover;
}

or

#div {
 background: url("someimage.jpg");
 background-size: 100% 100%;
}