<html>
<head>
<!--如下的meta 表示浏览器的文档模式 以最新版的IE模式 兼容性解决-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>soso</title>
</head>
<style type="text/css">
<span style="white-space:pre"> </span>body{ background-color:#333; margin:0 auto;}
.div{ background-image:url(DSC00004.JPG); height:690px; width:1228px; margin:0 auto;}
form{ float:left; background-color:#fff; padding:5px;}
.submit{ border:none; background-image:url(ss.jpg); height:29px; width:29px; float:left;}
.text{border:none; float:left; height:27px; width:250px; outline:none; line-height:29px; font-size:18px;}
/*定位*/
.box{position:absolute; left:400px; top:200px;}
</style>
<body>
<div class="div">
<div class="box">
<form>
<input type="text" class="text"/> <input type="submit" class="submit" value=""/>
</form>
</div>
</div>
</body>
</html>
原文：http://blog.csdn.net/itlqi/article/details/44518441