第一种方法不设为背景图片，通过css来控制样式，可兼容到IE6，代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="chaozhang5">
<meta name="mail" content="chaozhang5@iflytek.com">
<meta name="time" content="2015.08.03 10:28am">
<title>亳州市药博会后台登陆</title>
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="bg">
<img src="img/pic-loginbg.jpg">
</div>
</body>
</html>
body ,html { margin: 0; padding: 0; overflow: hidden; } .bg { position: absolute; width: 100%; height: 100%; min-height: 400px; z-index: -1; } .bg img { width: 100%; height: 100%; }
方法二：参考 http://www.dowebok.com/demo/139/，可兼容到IE7.