根据不同的分辨率,来设计不同的显示了。
只有这样。
至于为什么会错位:自己想了!!!!!
<script language=javascript>
function setBg()
{
if(window.screen.width==800)
{
document.getElementById("table1").background="/vtus/images/default800.jpg";
document.getElementById("table1").width=550;
document.getElementById("table1").height=450;

document.getElementById("exit1").style.left = 626;
document.getElementById("exit1").style.top = 400;
document.getElementById("exit1").style.width = 30;
document.getElementById("exit1").style.height = 50;
document.getElementById("help1").style.left = 573;
document.getElementById("help1").style.top = 400;
document.getElementById("help1").style.width = 30;
document.getElementById("help1").style.height = 50;
document.getElementById("person1").style.left = 508;
document.getElementById("person1").style.top = 400;
document.getElementById("person1").style.width = 60;
document.getElementById("person1").style.height = 50;
document.getElementById("alarm1").style.left = 445;
document.getElementById("alarm1").style.top = 400;
document.getElementById("alarm1").style.width = 60;
document.getElementById("alarm1").style.height = 50;

document.getElementById("plane").style.left = 330;
document.getElementById("plane").style.top = 80;
document.getElementById("Share").style.left = 500;
document.getElementById("Share").style.top = 80;
document.getElementById("Menu1").style.left = 448;
document.getElementById("Menu1").style.top = 325;
document.getElementById("Menu2").style.left = 455;
document.getElementById("Menu2").style.top = 199;
}
else 
{
document.getElementById("table1").background="/vtus/images/default1024.jpg";
document.getElementById("table1").width=760;
document.getElementById("table1").height=615;

document.getElementById("exit1").style.left = 819;
document.getElementById("exit1").style.top = 558;
document.getElementById("exit1").style.width = 30;
document.getElementById("exit1").style.height = 50;
document.getElementById("help1").style.left = 769;
document.getElementById("help1").style.top = 558;
document.getElementById("help1").style.width = 30;
document.getElementById("help1").style.height = 50;
document.getElementById("person1").style.left = 700;
document.getElementById("person1").style.top = 558;
document.getElementById("person1").style.width = 60;
document.getElementById("person1").style.height = 50;
document.getElementById("alarm1").style.left = 640;
document.getElementById("alarm1").style.top = 558;
document.getElementById("alarm1").style.width = 60;
document.getElementById("alarm1").style.height = 50;

document.getElementById("plane").style.left = 420;
document.getElementById("plane").style.top = 130;
document.getElementById("Share").style.left = 650;
document.getElementById("Share").style.top = 130;
document.getElementById("Menu1").style.left = 538;
document.getElementById("Menu1").style.top = 377;
document.getElementById("Menu2").style.left = 545;
document.getElementById("Menu2").style.top = 252;
}
}