：怎么实现背景图片自适应分辨率和IE窗口的调整
日期：2014-05-17 浏览次数：20808 次
紧急求助：如何实现背景图片自适应分辨率和IE窗口的调整
各位高手，请教一下，我这里有一个jsp的登录页面。页面上除了输入框和按钮外，就是背景图片。其中的输入框的位置都用的是相对位置。但IE或分辨率调整后，仍会发生输入框和背景图错位的情况。请教一下大家，如何才能让背景图片也随IE和分辨率的变化而变化呢？？
请各位高手不吝赐教！！！！页面代码如下：
login.jsp：
<%@ page contentType="text/html;charset=gb2312" language="java" import="java.util.*,com.iproject.examsys.web.to.*" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
if(request.getSession(true).getAttribute(UserSessionInfo.USER_SESSION)!=null){
response.sendRedirect("examination/index");
}
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>系统登录</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="四川省给排水协会">
<meta http-equiv="description" content="考务管理系统">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src="js/validation.js" type="text/javascript"></script>
</head>
<body class="loginBgGround">
<center>
<form action="login" method="post">
<table bordercolor="black" align="center" width="100%" height="100%">
<tr height="46.25%">
<td colspan="7" width="100%">
</td>
</tr>
<tr height="1.875%">
<td colspan="4" width="65.1%" >
</td>
<td width="6.5%">
</td>
<td colspan="2" width="27%">
</td>
</tr>
<tr height="4.375%">
<td colspan="7" width="100%">
</td>
</tr>
<tr height="3.75%">
<td width="33.5%">
</td>
<td width="29%">
<input id="userName" class="inputTextStyle" value="13912345670">
</td>
<td width="1.9%">
</td>
<td colspan="3" rowspan="4" width="8.5%" height="11%" onclick="login()" class="button">
</td>
<td width="26%">
各位高手，请教一下，我这里有一个jsp的登录页面。页面上除了输入框和按钮外，就是背景图片。其中的输入框的位置都用的是相对位置。但IE或分辨率调整后，仍会发生输入框和背景图错位的情况。请教一下大家，如何才能让背景图片也随IE和分辨率的变化而变化呢？？
请各位高手不吝赐教！！！！页面代码如下：
login.jsp：
<%@ page contentType="text/html;charset=gb2312" language="java" import="java.util.*,com.iproject.examsys.web.to.*" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
if(request.getSession(true).getAttribute(UserSessionInfo.USER_SESSION)!=null){
response.sendRedirect("examination/index");
}
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>系统登录</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="四川省给排水协会">
<meta http-equiv="description" content="考务管理系统">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src="js/validation.js" type="text/javascript"></script>
</head>
<body class="loginBgGround">
<center>
<form action="login" method="post">
<table bordercolor="black" align="center" width="100%" height="100%">
<tr height="46.25%">
<td colspan="7" width="100%">
</td>
</tr>
<tr height="1.875%">
<td colspan="4" width="65.1%" >
</td>
<td width="6.5%">
</td>
<td colspan="2" width="27%">
</td>
</tr>
<tr height="4.375%">
<td colspan="7" width="100%">
</td>
</tr>
<tr height="3.75%">
<td width="33.5%">
</td>
<td width="29%">
<input id="userName" class="inputTextStyle" value="13912345670">
</td>
<td width="1.9%">
</td>
<td colspan="3" rowspan="4" width="8.5%" height="11%" onclick="login()" class="button">
</td>
<td width="26%">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
