Question

我正在使用bootstrap和rails。我试图让背景图像占据整个背景并在浏览器变大时拉伸。这在大多数情况下都有效，除非浏览器较小，图像底部上升且浏览器屏幕底部为空白。这是我现在的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;

非常微妙，但改变就是这个伎俩。

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

1 个答案: