可调整大小的背景图像

我有以下代码，但我的图像不会调整大小，怎么回事？图像是否需要更大？可调整大小的背景图像

<!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

可调整大小的背景图像

回答

相关问题