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. 检查文件名 - 仔细检查。它发生在我们所有人身上。

3. 关于扩展呢？也许它是一个 .jpeg 文件？再次...仔细检查。

4. 此元素没有高度，因此没有空间显示背景图片。

5. 尝试赋予样式更高的优先级:

   • 试着在你的风格之后加上 !important
   • 用更高层次命名你的元素。例如:(body #something .something .space)

只有这么多的代码和知识，我真的不能告诉你任何其他东西。也许其他一些代码正在覆盖它？