我刚刚开始理解足够的HTML / CSS,让自己疯狂地试图实现新的东西。
我正在尝试创建一个具有全宽/高度背景图像的着陆页,该图像随视口调整大小。如果你没有使用任何css框架但我正在尝试在页面中构建引导程序,这是一个很容易的命题。
使用bootstrap,我在body选择器下面添加的任何内容都会清除我的背景图像,就好像它是普通盒子模型的一部分一样。如果我删除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;
}