bootstrap设置背景图片的方法

这篇文章将为大家详细讲解有关bootstrap设置背景图片的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

目前创新互联公司已为近1000家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器租用、企业网站设计、下冶网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

bootstrap怎么设置背景图片自动适应

浏览器：chrome

使用CSS：bootstrap（这个可能会影响到我们css的设置，所以还是提一下）

在设置背景图片的过程中，经常遇到背景图片不能按照自己所想的那样来自动适应屏幕，我也是尝试了很多种方法之后找到了一种适合我自身情况的设置方式。

代码如下：

body {
  background-image: url("../images/backgroundImg2.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
}

这样，就能成功的设置body的背景图片自动适应屏幕。

但是，其他浏览器能不能兼容我还没去确认过，目前在chrome上面是可以用的。