[英]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.