189 8069 5689

bootstrap背景图片自适应-创新互联

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

十载专注建站、设计、互联网产品按需求定制设计服务,业务涵盖成都品牌网站建设商城网站开发重庆小程序开发公司、软件系统开发、重庆APP开发公司等。凭借多年丰富的经验,我们会仔细了解每个客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,创新互联公司更提供一系列网站制作和网站推广的服务,以推动各中小企业全面信息数字化,并利用创新技术帮助各行业提升企业形象和运营效率。

css中编辑此样式:

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

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

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

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

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:bootstrap背景图片自适应-创新互联
URL网址:http://cdxtjz.cn/article/dghcgj.html

其他资讯