当前第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 well是什么
dialog是bootstrap的么
bootstrap是干什么的
bootstrap能开发移动端吗
bootstrap tab 没有反应怎么办
聊聊jsp页面中导入bootstrap的方法
bootstrap什么时候出现的
bootstrap如何使用路径分页标签
bootstrap与angularjs区别
bootstrap中如何设置表单的宽高
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap怎么设置背景图片
