2010-11-15 90 views
0

我跟着一個教程這個鏈接如何調整背景圖片的大小?

How To: Resizeable Background Image

我試圖編輯就與900px寬DIV工作,所以它只會垂直調整在調整背景圖片,我不知道怎麼做這行得通。

任何人都可以告訴我該怎麼做,因爲我想。

謝謝

+0

那麼,你的背景圖像應該始終是900px寬,只改變它的垂直尺寸? – 2010-11-15 13:21:39

+0

如何將背景圖片用作實際div下的普通圖片並調整圖片大小? – 2010-11-15 14:15:57

回答

2

您是使用第一種,第二種還是第三種方法?

考慮第三種方法,如果你改變寬度高度它可能只是工作:

#img.source-image { 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

如果這行不通,看看this questionthis other question實驗你的身高和DOCTYPE。您也可以在doctype.com上提出同樣的問題。

+0

另外他應該添加「寬度:900px;」 – Peter 2010-11-15 13:28:49

+0

請注意,截至2013年2月15日,doctype.com已關閉。[請閱讀更多信息](http://blog.doctype.com/doctype_is_closing_on_the_14th_1)。 – Krease 2014-02-18 05:28:16

2

似乎是這樣的:

#yourDiv{ 
    background-size:cover} 

但是兼容性is limited.Example here

+0

這是控制背景大小的CSS3屬性。我還沒有嘗試過,但預計它也可以在基於Webkit的瀏覽器中工作。 – Jared 2010-11-15 13:30:17

+0

它的工作原理,請參閱示例。 – 2010-11-15 13:32:53