引导清除html选择器（背景图像）

我刚刚开始理解足够多的HTML/CSS，以至于在尝试实现新事物时让自己发疯

我正在尝试创建一个带有全宽/全高背景图像的登录页，该背景图像随视口调整大小。如果您不使用任何css框架，那么这是一个非常简单的建议，但我正在尝试将引导构建到页面中

通过引导，我在主体选择器下方添加的任何内容都会清除我的背景图像，就好像它是普通长方体模型的一部分一样。如果我删除引导，页面将按预期运行，并将内容覆盖在背景图像的顶部。我猜bootstrap中的某些东西正在清除所有页面元素，但我一直无法找到它

我用于应用背景图像的代码是：

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

这里有一个（间接的）使用Twitter引导的全屏背景图像

其要点是：

body {
    background: url(../img/bg.jpg);
}

---

是否必须将bg映像放在根元素上？如果不是的话，皮尔·吕克的答案是有效的。事实上，在我发布问题后，我很快就尝试了皮尔的解决方案，并且奏效了。看起来有点奇怪，不能让根元素应用样式。bootstrap在body上设置一个值为0的边距。任何大于零的上边距值都可以解决原始问题。因此，如果您想在根元素上使用该声明，还可以添加类似“body{margin top:1px}”的内容，它应该可以工作。我不知道这对你的布局是否可行。谢谢你的回复。我并不假装非常了解引导，但这可能与他们正在使用的css重置有关。另外，当你得到一个有效的答案时，别忘了接受它！