1

我刚刚开始了解足够多的 HTML / CSS 来让自己疯狂地尝试实现新事物。

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

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

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

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;
}
4

1 回答 1

0

在这篇博文中有一个使用 Twitter Bootstrap 的全屏背景图像的（间接）示例。

它的要点是：

body {
    background: url(../img/bg.jpg);
}
于 2013-06-12T03:05:31.127 回答