1、在body设置 <body background="背景图.jpg">，但是图片是平铺。
2、因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>，其中z-index:-1为了让该div在最下层，也就是背景。
示例：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>背景全屏</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
.d1{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:-1;
}
</style>
<body>
<div class="d1"><img src="背景图.jpg" width="100%" height="100%"/></div>
<center>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1></center>
</body>
</html>
2、因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>，其中z-index:-1为了让该div在最下层，也就是背景。
示例：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>背景全屏</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
.d1{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:-1;
}
</style>
<body>
<div class="d1"><img src="背景图.jpg" width="100%" height="100%"/></div>
<center>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1></center>
</body>
</html>
温馨提示：答案为网友推荐，仅供参考
第1个回答 2016-11-17
试试把图片改成全屏大小的宽度
然后把背景图片放在
.body{ background:url(xxx.jpg) center no-repeat;}
本回答被网友采纳第2个回答 2016-11-17
直接将 背景 设置给 body 标签 就可以了
第3个回答 2016-11-17
background-size:100%
相似回答