第一種方法不設為背景圖片，通過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.