可調整大小的背景圖像

我有以下代碼，但我的圖像不會調整大小，怎麼回事？圖像是否需要更大？可調整大小的背景圖像

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta content="text/html; charset=ISO-8859-1" 
http-equiv="content-type"> 
<title>blah</title> 
<style type="text/css" media="screen, print, projection"> 

img#background {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%  
    height: 100%; 
} 

</style> 
</head> 
<body> 
<img id="background" src="greenbackground.png" alt="Background Image" /> 



</body> 
</html>

來源

2011-07-08 javi

嘗試增加'右：0;底部：0;'到CSS。 –

不，不這樣做;） – AlienWebguy

你也需要這樣的：

html, body{ 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
} 
img#background {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%; 
    height: 100%; 
    margin:0; 
    padding:0; 
}

注意，使用CSS3，你可以這樣做：

body{ 
    background:url(...) no-repeat; 
    background-size: 100%; 
}

編輯：錯過了;

演示：

http://jsfiddle.net/jJT45/

來源

2011-07-08 20:27:00 Eddie

我補充說，但它仍然不會工作... :(這是令人沮喪的... – javi

在這裏，再試一次..我錯過了一個冒號寬度 – Eddie

謝謝！apreaciate它 – javi

您將它設置爲100％，但100％是什麼？嘗試給身體提供相同的100％高度和寬度屬性，看看會發生什麼。

來源

2011-07-08 20:26:27 AlienWebguy

試了一下，是有道理的。然而，它沒有工作...任何想法是什麼錯誤？ – javi

可調整大小的背景圖像

回答

相關問題