<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd>
<html>
<head>
<link rel="stylesheet" href="images/static.html">
</head>
<body>
<div id="bt">
<img src="images/bj.png" width="1024" height="195" />
</div>
<div id="bj">
<img src="images/di.png" />
</div>
<div id="bt_one">
<a href="http://www.baidu.com.cn/" target="_blank"><img src="images/iphonedownbutton.png" /></a>
</div>
<div id="bt_two">
<a href="http://www.sina.com.cn/" target="_blank"><img src="images/androiddownbutton.png" /></a>
</div>
<div id="bt_three">
<img src="images/hi.png" width="60" height="60" />
</div>
<div id="bt_four">
<p><strong><font size="0" color="DarkSlateGray"><small>重置密码</small></font></strong></p>
</div>
<div id="bt_five">
<a href="http://blog.wulongdao.com/" target="_blank"><p><strong><font size="1" color="DarkSlateGray"><small>产品博客</small></font></strong></p></a>
</div>
<div id="bt_six">
<p><strong><font size="1" color="DarkSlateGray"><small>帮助中心</small></font></strong></p>
</div>
<div id="bt_seven">
<p><strong><font size="1" color="DarkSlateGray"><small>联系我们</small></font></strong></p>
</div>
<div id="bt_eight">
<p><font size="1" color="DarkGray"><small>杭州乌龙岛网络技术有限公司 @2012 wulongdao.com 浙ICP备12045889号<small></font></p>
</div>
</body>
</html>
#bj {text-align:center;}
#bt {position:absolute;left:163px; top:583px;}
#bt_one {position:absolute;left:625px; top:460px;}
#bt_two {position:absolute;left:883px; top:460px;}
#bt_three {position:absolute;left:645px; top:620px;}
#bt_four {position:absolute;left:548px; top:670px;}
#bt_five {position:absolute;left:617px; top:670px;}
#bt_six {position:absolute;left:684px; top:670px;}
#bt_seven {position:absolute;left:750px; top:670px;}
#bt_eight {position:absolute;left:485px; top:690px;}
background:url(图片路径) center top no-repeat;
你说的上面置顶是居上显示吧？如果是，上面css就可以实现啊。
background-position 属性设置背景图像的起始位置。
第一个值是水平位置，第二个值是垂直位置。
像你提的这个问题就可以用这个属性
background-position:center top;
div{ background:url(../images/bg.png) no-repeat center top;}