css - 在 Rails / bootstrap 中，为什么背景图像不能正确拉伸？

Question

我正在使用引导程序和导轨。我试图让背景图像占据整个背景并在浏览器较大时拉伸。这在大多数情况下都有效，除了当浏览器较小时，图像的底部会上升并且浏览器屏幕的底部是空白的。这是我现在拥有的CSS：

body { 
  background-image: url('bilde.jpg');
  background-repeat: no-repeat;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

我试过这个：

body {
  background-image: url('bilde.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

但它也不起作用。有人有这个问题的答案吗？谢谢。

Answer 1

我想到了。不同的是我应该一直在使用

background: url('bilde.jpg') no-repeat center center fixed;

代替

background-image: url('bilde.jpg') no-repeat center center fixed;

非常微妙，但改变起到了作用。