所以我在一個網站上工作,我試圖設置空白div的背景設置大小,我不明白爲什麼它不工作。任何人都看到我不喜歡的東西?謝謝,蒂姆。爲什麼選擇背景圖片:url('bg.jpg');加工?
代碼:
.headerbg{
width:100%;
background-image:url('bg.jpg');
height:500px;
margin-bottom:25px;
}
<div class="headerbg">
</div>
所以我在一個網站上工作,我試圖設置空白div的背景設置大小,我不明白爲什麼它不工作。任何人都看到我不喜歡的東西?謝謝,蒂姆。爲什麼選擇背景圖片:url('bg.jpg');加工?
代碼:
.headerbg{
width:100%;
background-image:url('bg.jpg');
height:500px;
margin-bottom:25px;
}
<div class="headerbg">
</div>
爲了避免這樣的錯誤,你應該定義你的URL相對於文檔根目錄。例如,如果您的圖片在http://example.com/path/to/image.jpg那麼您應該使用url('/path/to/image.jpg')
。這消除了任何可能的歧義。
沒有什麼你的代碼錯誤,當我嘗試用不同的圖像,它工作正常:
background-image:url('http://placekitten.com/100/100');
http://jsfiddle.net/Guffa/bWKBB/
所以,對於這個問題的原因是,瀏覽器可以」找到圖像。可能有幾個原因,如:
圖像存在如果你在一個style
標籤的CSS代碼頁面中,圖像的URL與頁面的位置有關。如果在樣式表中有CSS代碼,則圖像的URL與樣式表文件的位置有關。
圖像是否存在? – n1xx1
'bg.jpg'圖像與CSS文件位於同一個文件夾中嗎?在你的網絡檢查員中,當圖像被提取時你是否看到一個404錯誤? –
弗拉德,恩......是的......是的。 – user2457491