2013-06-05 51 views
0

所以我在一個網站上工作,我試圖設置空白div的背景設置大小,我不明白爲什麼它不工作。任何人都看到我不喜歡的東西?謝謝,蒂姆。爲什麼選擇背景圖片:url('bg.jpg');加工?

代碼:

.headerbg{ 
width:100%; 
background-image:url('bg.jpg'); 
height:500px; 
margin-bottom:25px; 
} 




<div class="headerbg"> 

     </div> 
+0

圖像是否存在? – n1xx1

+0

'bg.jpg'圖像與CSS文件位於同一個文件夾中嗎?在你的網絡檢查員中,當圖像被提取時你是否看到一個404錯誤? –

+0

弗拉德,恩......是的......是的。 – user2457491

回答

2

爲了避免這樣的錯誤,你應該定義你的URL相對於文檔根目錄。例如,如果您的圖片在http://example.com/path/to/image.jpg那麼您應該使用url('/path/to/image.jpg')。這消除了任何可能的歧義。

0

沒有什麼你的代碼錯誤,當我嘗試用不同的圖像,它工作正常:

background-image:url('http://placekitten.com/100/100'); 

http://jsfiddle.net/Guffa/bWKBB/

所以,對於這個問題的原因是,瀏覽器可以」找到圖像。可能有幾個原因,如:

  • 圖像不存在
  • 在不同的文件夾

圖像存在如果你在一個style標籤的CSS代碼頁面中,圖像的URL與頁面的位置有關。如果在樣式表中有CSS代碼,則圖像的URL與樣式表文件的位置有關。