2014-03-05 100 views
0

第一次海报;请原谅无知。CSS背景图片不显示

我已经能够让我的背景图像显示在其他元素,但由于某些原因,这只是显示白色背景。我认为一般的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/

+1

你可以验证图像的路径是否正确? – essmahr

+1

与图像无关,因为在这种情况下,您会看到深蓝色的背景色http://jsbin.com/pujak/1/edit。你能提供一个在线演示吗? –

+1

检查元素的高度和宽度 – Moes

回答

1

你可以在这里查看有两件事情事情:

  1. 是通向图像是否正确?您的路径将上升到CSS文件所在的父文件夹,然后进入该父文件夹中的img文件夹。

  2. 检查文件名 - 重复检查。它发生在我们所有人身上。

  3. 延期情况如何?也许它是一个.jpeg文件?再一次...重复检查。

  4. 此元素没有高度,所以没有空间显示背景图片。

  5. 先给风格更优先:

    • 试图把重要的你的风格
    • 名具有较高层次的元素之后。如:(身体#something .something。空间)

由于只有这一数额的代码和知识,我真的不能告诉你任何东西。也许其他一些代码覆盖了这个?

1

背景图片的尺寸是多少?如果它太大,它只会显示图像的一部分。如果是这样,请试试这个:

background-size:contain;