背景大小不適合元素

我試圖使用CSS3背景大小來適合頁面高度的背景，但它只適用於寬度，但不適用於高度。背景大小不適合元素

我打算讓這個背景圖像適合100％的頁面寬度和高度，即使在打破它的比例時，我也沒有看到問題，因爲我使用background-size：100％100％;和

The percentage is relative to the width or height of the area given by 'background-origin'

（任何背景，出身值改變不了什麼）

我需要了解爲什麼我不能使背景的高度，以適應<body>一些提示？我怎麼能這樣做？

這裏是我的CSS的一部分：

html { 
    height:100%; 
    min-height:100%; 
} 
body { 
    min-height:100%; 
    margin:0; 
    padding:0 2em; 
    background:#474747 url(../images/bg.jpg) 100% 0 no-repeat; 
    background-size:100% 100%; /* raaaaaah */ 
    font-family:Cambria,serif; 
    min-width:910px; 
    position:relative; 
}

提前感謝！

編輯：您可以http://matthecat.com/v2/blog.html

來源

2011-03-30 MatTheCat

簽出此頁面的源代碼測試... http://www.cssplay.co.uk/layouts/background.html

來源

2011-03-30 13:21:43 Jmoney38

我不能使用固定的背景，因爲滾動發生滯後。 – MatTheCat 2011-03-30 13:23:08

我認爲你是在複雜化。我不知道所有其他的CSS代碼是什麼。我不認爲有些人甚至做了任何事情。

body { 
    background:#474747 url(http://www.cssplay.co.uk/layouts/rabbit.jpg); 
    background-size:100% 100%; 
}

這段代碼適合我。

我不確定你爲什麼要這麼做。有更好的方法來設置你的頁面的背景。您可以使用background-repeat:repeat-y作爲bg切片來填充頂部，並使用混合到bg顏色的漸變圖像（＃474747）。或者如果它是一個紋理，你可以做一個完整的重複。你想用什麼樣的圖像？

來源

2011-03-30 13:47:59 zdkroot

我覺得一個鏈接丟失^^你可以在這裏測試：http://matthecat.com/v2/blog.html – MatTheCat 2011-03-30 13:51:45

從html選擇器中刪除「高度：100％」，問題解決:) – zdkroot 2011-03-30 13:56:43

我正在使用兔子圖片從另一個例子來測試:) 另外，你應該看看Firebug。如果您使用這兩種瀏覽器（您應該），那麼既有Firefox又有Chrome版本。它可以讓你在瀏覽器中使用html/css更改。 Chrome實際上有一個內置的檢查器，工作得很好，但我更喜歡Firebug。 – zdkroot 2011-03-30 14:01:09

背景大小不適合元素

回答

相關問題