问题是,如果我在 1024 x 768 像素上浏览应用程序,效果很好,但是当我将分辨率更改为 1280 x 800 像素时,div 内的登录表会改变其位置。我希望这在每个分辨率上都显示相同...任何建议或解决方法。
CSS:
img#bg
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
HTML:
<form id="form1" runat="server">
<img src="../../../../Images/LoginBackGround_Image.bmp" alt="BG Image" id="bg" />
<div style="position: relative">
<div style="position: absolute; margin-top:30%; margin-left:70%;
border: 1px solid #0570E3; z-index: 1;">
<table cellpadding="1" cellspacing="5">
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
/td>
<td>
</td>
</tr>
</table>
</div>
</div>
</form>
我已经尝试了很多东西,但它不适用于所有屏幕分辨率。