html - 将背景图像放在 Bootstrap 登录启动页面上

标签 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;
}

发生的事情是初始页面的上半部分保留了它的白色背景,但下半部分获得了我试图替换它的背景图像的颜色。

提前感谢您的帮助。

最佳答案

如果没有预览很难判断,但我猜你的 <body>标签有白色背景,因为它是一个登录表单,所以它没有 <html> 高标记(您的视口(viewport))。

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

关于html - 将背景图像放在 Bootstrap 登录启动页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22994980/

相关文章:

jquery - 导航栏不显示并在移动设备上工作

html - 在不使用位置的情况下 float 顶部画廊

javascript - 如何制作找到文件时出现的隐藏div?

css - 如何居中 Bootstrap 复选框表单

javascript - 在提交表单之前, Angular 选择每个选项的显示图像

html - HTML 元素和 HTML 标签有什么区别?

javascript - 如何为 LinkedIn、Twitter 和 Facebook 等社交平台设置特色图片以拉入预览?

javascript - 如何完全显示溢出元素。 'overflow-x : visible ' 不工作

javascript - 根据突出显示的文本获取 <a href> 内容

html - 当浏览器窗口调整大小时,动态下拉菜单宽度以及背景图像