背景圖像不呈現

我有一個背景圖像被加載到瀏覽器中，但它不是在頁面上呈現。下面的代碼：背景圖像不呈現

HTML

<body> 
    <div id="mainContainer"> 
    </div> 
</body>

CSS

#mainContainer 
{ 
    background-image:url('bckgrdImg.png'); 
}

就是這樣。我只需要渲染圖像。同樣，當我在Chrome中檢查頁面時，我看到圖像被加載到瀏覽器中，但它不在網頁上。有什麼想法嗎？謝謝。

嗨現在定義的至少min-height您div因爲你r div id width是默認100%和height is 0比定義你的div

至少min-height像這樣

#mainContainer 
{ 
    background-image:url('bckgrdImg.png'); 
    min-height:200px; // height define according your design or background images 
}

2012-11-02 04:18:38

嘗試給你的div一些寬度和高度。這是因爲如果你看，它的高度爲0.

2012-11-02 03:08:08 ppsreejith

鏈接將是非常有幫助的。

但先嚐試在#mainContainer上設置寬度和高度。

像：

#mainContainer 
{ 
    width: 100%; 
    height: 100%; 
    background-image:url('bckgrdImg.png'); 
}

2012-11-02 03:08:48

-1

刪除單引號

#mainContainer 
{ 
    background-image:url(bckgrdImg.png); 
}

您可能需要定義尺寸爲這個div。沒事的時候在div，而寬度和高度的CSS，那麼div會顯示爲不可見becoz是0像素X 0像素:)

#mainContainer 
{ 
    background-image:url(bckgrdImg.png); 
    height:100%; 
    width:100% 
}

2012-11-02 03:09:38

引號是可選的，在某些情況下甚至是首選。不過，這裏不是什麼問題。另見：http://stackoverflow.com/questions/851724/css-background-image-what-is-the-correct-usage –

回答