CSS背景图像未显示

Question

第一次发帖，请原谅我的无知。

我已经能够让我的背景图像显示在其他元素中，但由于某种原因，这个元素只显示白色背景。我认为一般的css规则可能会覆盖这个规则，但其他背景图像显示得很好。我不知道我做错了什么。提前感谢！

.space {
    background: #004080 url("../img/video-bg.jpg") center center no-repeat;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;

http://gradepowerbrandon.com/test/

Answer 1

你可以在这里检查几件事：

1. 镜像的路径正确吗？你的路径是指向CSS文件所在的父文件夹，然后进入该父文件夹中的img文件夹。
2. 检查文件名-仔细检查。这发生在我们所有人身上，

，

1. ，那扩展呢？也许它是一个.jpeg文件？again...double检查一次。
2. 此元素没有高度，因此没有空间显示背景图像。
3. 尝试赋予样式更高的优先级：

- trying putting !important after your style
- name your element with higher hierarchy. eg: (body #something .something .space)

​

只有这么多的代码和知识，我真的不能告诉你其他的事情。也许其他一些代码正在覆盖这个？

Answer 2

背景图像的尺寸是多少？如果它太大，它将只显示图像的一小部分。如果是这样的话，试试这个：

background-size:contain;