<HTML>
<HEAD>
<style type="text/css">
  .window { BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; VISIBILITY: ; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; POSITION: absolute; BACKGROUND-COLOR: #184BA5; TEXT-ALIGN: left;  }
  .titleBar {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: auto; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: 宋体; WHITE-SPACE: nowrap;}
  .titleBarText { PADDING-LEFT: 6px; OVERFLOW: hidden; TEXT-ALIGN: left;}
  .clientArea {PADDING:10px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #ECF0E1}
</style>
<link rel=stylesheet href="/admin/default.css" type="text/css">
</HEAD>
<body onselectstart="return false" onload="document.LoginForm.UserName.focus();document.LoginForm.reset()">
<div class="window" id="login" style="LEFT:expression(Math.abs(Math.round((window.document.body.clientWidth - document.all.login.offsetWidth)/2))); WIDTH: 360px; TOP:expression(Math.abs(Math.round((window.document.body.clientHeight - document.all.login.offsetHeight)/2)))" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF003399', EndColorStr='#FF6699CC');">
  <div class="titleBar"><span class="titleBarText">请先登录</span></div>    <div class="clientArea" style>
    <img src="images/login.gif" align="absmiddle" WIDTH="32" HEIGHT="32">&nbsp;&nbsp;请输入您授权管理的用户名和密码。
    <br><br>
    
    <table align="center" width="300" border="0" cellpadding="0" cellspacing="6">
    <form action="login.asp" method="post" name="LoginForm">
    <input name="returnurl" type="hidden" value="">
    <tr>
      <td align="right"><font style='color:red'>登录失败:</font></td>
      <td>登录失败,用户名或密码错误</td>
    </tr>
    <tr>
      <td align="right">用户名:</td>
      <td><input type="text" name="UserName" value="admin" style="border:1px solid gray;width:160px;color:#000099;font-size:9pt"></td>
    </tr>
    <tr>
      <td align="right">密&nbsp;&nbsp;码:</td>
      <td><input type="password" name="Password" value="" style="border:1px solid gray;width:160px;color:#000099;font-size:9pt"></td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <input type="submit" value=" 登  录 " class="CustButton" style="padding-top:2px">
      </td>
    </tr>
    </form>
    </table>
  </div>
</div></body>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <style type="text/css">
      .window { BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; VISIBILITY: ; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; POSITION: absolute; BACKGROUND-COLOR: #184BA5; TEXT-ALIGN: left;  }
      .titleBar {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: auto; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: 宋体; WHITE-SPACE: nowrap;}
      .titleBarText { PADDING-LEFT: 6px; OVERFLOW: hidden; TEXT-ALIGN: left;}
      .clientArea {PADDING:10px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #ECF0E1}
    </style>
    <link rel=stylesheet href="/admin/default.css" type="text/css">
    </HEAD>
    <body onselectstart="return false">
    <div class="window" id="login" style="LEFT:expression(Math.abs(Math.round((window.document.body.clientWidth - document.all.login.offsetWidth)/2))); TOP:expression(Math.abs(Math.round((window.document.body.clientHeight - document.all.login.offsetHeight)/2)))" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF003399', EndColorStr='#FF6699CC');">
      <div class="titleBar"><img src="http://expert.csdn.net/images/csdn.gif">  </div>
    </div>
    </body>
    </HTML>
      

  2.   

    用一个层来装img,
    然后加载页面的时候,层的位置是动态设置的。
    可以用screen.width和screen.height来取得
    客户端显示器的当前分辨率,
    然后确定层的left和top就可以了。