当前第2页 返回上一页
代码如下：
1 2 3 4 5 6 7 8 9 10 11 | 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上面是可以用的。
相关属性：
background-image 属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
相关推荐：《bootstrap教程》
以上就是bootstrap怎么设置背景图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
bootstrap框架技术基础是什么
bootstrap有多少种常用class
easyui和bootstrap的区别
有必要学bootstrap吗
bootstrap怎么实现自适应高度
bootstrap有什么优点
vue能用bootstrap吗
bootstrap grid用法
bootstrap如何读
bootstrap文件怎么引入
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap怎么设置背景图片
