如何在引导程序中使用背景图像答案

【问题标题】：How to use background image with bootstrap如何在引导程序中使用背景图像
【发布时间】：2016-03-31 01:31:36
【问题描述】：

我有一个非常大的 1600 X 3700 的背景图像。我需要将引导程序添加到我的项目中，每次我这样做时，我的背景图像都会消失，只有我的背景图像的前 100 像素显示。将引导程序与背景图像一起使用的正确方法是什么。这是我目前使用的

html{ background: url('image-path.png') no-repeat; -webkit-   background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}

【问题讨论】：

介意创建一个 jsfiddle 或问题的演示？
jsfiddle.net/tgpz92ra/#&togetherjs=zMf73r4JIq 当我使用 js fiddle 时，我似乎没有任何问题。但是当我通过 WAMP 在本地使用它时，我的背景图像变得一团糟。
即使我不使用图像，它也会做同样的事情。如果我只使用背景颜色并添加引导程序，它会做同样的事情。
啊，我想通了...我用 body 而不是 html 并且它起作用了

标签： html twitter-bootstrap css responsive-design

【解决方案1】：

试试这个：

position:fixed;
top:0;
bottom:0;

【讨论】：