2014-03-05 128 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;