繁体   English   中英

如何制作响应式背景图片?

[英]How to make responsive background image?

每个人。我想制作一个全宽背景图像作为响应。我使用 bootstrap3.00 框架。通常当有人使用引导框架时,它会将模板设为响应,但我使用的背景位于引导容器之外.当我寻找小型设备时,背景图像显示滚动条。现在我该如何解决这个问题?请专家给我一个合适的解决方案。

完美的背景图片(来自css-trick.com

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

例子 :

 html { background: url(http://www.hdwallpapers.in/walls/abstract_color_background_picture_8016-wide.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM