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

你可以在这里检查一些事情：

图片的路径是否正确？您的路径将前往CSS文件所在的父文件夹，然后进入该父文件夹中的img文件夹。
检查文件名 - 仔细检查。它发生在我们所有人身上。
扩展怎么样？也许这是一个.jpeg文件？再一次......仔细检查。
此元素没有高度，因此无法显示背景图片。
尝试赋予样式更多优先权：
- 在你的风格之后尝试推杆！重要
- 使用更高层次结构命名您的元素。例如:( body #something .something .space）

只有这么多代码和知识，我真的无法告诉你任何其他事情。也许其他一些代码会覆盖这个？

Answer 2

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

background-size:contain;

CSS背景图片没有显示

2 个答案: