将背景图像放在bootstrap signin启动页面上

时间:2014-04-10 17:29:12

标签: html css twitter-bootstrap twitter-bootstrap-3 background-image

我正在尝试自定义Twitter Bootstrap的启动登录页面。

我没有触及HTML,但我正在尝试编辑启动页面的背景。

以下是我添加的所有CSS:

html {
  background: url("../img/bumpit_splash.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

正在发生的事情是,启动页面的上半部分保留了其白色背景,但下半部分获取了我试图替换它的背景图像的颜色。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

很难说没有预览,但我猜你的<body>标签有白色背景,而且因为它是一个登录表单,它不像<html>标签那么高(你的视口)。

禁用<body>的背景颜色,或使其高100%并添加背景而不是html元素。