html - 如何设置不能重复的背景图片

Question

虽然PSD to html我有一个background image that cant be set to repeat using css repeat property because images is not consistent like a pattern，它就像一个完整的页面宽度/高度图像，需要我将其宽度高度设置为与页面相同而不重复它，所以我如何以图像也加载为背景和站点的方式获取它速度也没有受到干扰，请帮帮我，我应该简单地设置它的背景图像container div ?还是别的什么？

Answer 1

您可以为此使用 CSS 属性：

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

检查此链接以获取更多信息：

http://css-tricks.com/perfect-full-page-background-image/

兼容性在这里：

http://caniuse.com/background-img-opts

PD：不要忘记前缀供应商