资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://www.cdkjz.cn/article/jipoos.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220