<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{padding:0;margin:0;}
#bg{width:100%;height:100%;position:absolute;z-index:-1;}
#login{width:300px;height:200px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-100px}
</style>
</head>
<body>
<img id="bg" src="http://pic2.nipic.com/20090414/386228_104922058_2.jpg"/>
<div id="login">登录框</div>
</body>
</html>
position:absoulute重要，否则图片会以正常比例缩放。
网友评论