成都网站建设设计

将想法与焦点和您一起共享

bootstrap背景图片自适应

今天小编就为大家带来一篇关于如何设置bootstrap背景图片自适应的文章。小编觉得挺实用的,为此分享给大家做个参考。一起跟随小编过来看看吧。

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了信阳免费建站欢迎大家使用!

css中编辑此样式:

.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}

然后在你的div里引用这个样式就行了:

使图片不随滚动条滚动,即固定不动则加fixd,css代码如下:

.bg {
       background:url(图片地址) no-repeat center fixed;
       background-size:contain;
}

看完上述内容,你们掌握使用bootstrap背景图片自适应的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


名称栏目:bootstrap背景图片自适应
分享链接:http://chengdu.cdxwcx.cn/article/jipoos.html