2012-01-30 106 views
0

工作,我需要設置我使用background: url('images/something.jpg')[..];奇怪的CSS問題 - 背景屬性不無圖像高度

鐵圖像height每次。

HTML:

<div class="someImage"></div> 

CSS:

.someImage { 
    background: url('images/something.jpg') no-repeat top; 
} 

上面的例子應該工作...但不能顯示圖像,直到我添加圖像height屬性的CSS樣式類:

.someImage { 
    background: url('images/something.jpg') no-repeat top; 
    height: 25px; 
} 

然後我的圖片出現在網站上...

爲什麼它會發生?

回答

3

因爲沒有內容,div沒有高度,沒有背景圖片。

1

由於您的div是空的它沒有高度..

您使用的圖片應用爲背景,所以它不會影響大小..它只是適合任何空間,可在格。

當您明確設置高度時,您將爲圖像創建空間..