文档模式使用IE5则无法显示CSS样式 但是如果用其他的文档模式 则如下图 登录失败
下图是用IE5登录成功
在Myeclipse 10中也没有样式
要怎么解决啊
以下是代码
<%@ page language="java" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>欢迎使用</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<STYLE type=text/css>
BODY {
FONT-SIZE: 12px;
FONT-FAMILY: Microsoft YaHei
}
TD {
FONT-FAMILY: Microsoft YaHei
}
.backDiv {
border: 1px solid #696;
height: auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}
</STYLE>
<link rel="stylesheet" href="css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/sb-admin-2.min.css" />
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type='text/javascript' src='<%=path %>/dwr/interface/loginService.js'></script>
<script type='text/javascript' src='<%=path %>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=path %>/dwr/util.js'></script>
<script language="javascript">
function check1() {
if(document.ThisForm.userName.value == "") {
alert("请输入用户名");
document.ThisForm.userName.focus();
return false;
}
if(document.ThisForm.userPw.value == "") {
alert("请输入密码");
document.ThisForm.userPw.focus();
return false;
}
if(document.ThisForm.userType.value == "") {
alert("请选择登录类型");
return false;
}
document.getElementById("indicator").style.display = "block";
loginService.login(document.ThisForm.userName.value, document.ThisForm.userPw.value, document.ThisForm.userType.value, callback);
}
function callback(data) {
document.getElementById("indicator").style.display = "none";
if(data == "no") {
alert("用户名或密码错误");
}
if(data == "yes") {
alert("通过验证,系统登录成功");
window.location.href = "<%=path %>/loginSuccess.jsp";
}
}
</script>
</head>
<body>
<div class="backDiv" style="width: 600px; margin-top: 10px;">
<div style="width: 520px; margin-top: 20px; margin-left: 50px;">
<form action="<%=path %>/login?type=login" name="ThisForm" method="post">
<table border="0px" width="520px">
<tbody>
<tr>
<td height="60px" colspan="4"><strong style="font-size: 30px;">基于J2EE的教务管理系统</strong></td>
</tr>
<tr>
<td height="60px" width="50px"></td>
<td align="right" style="background: url(<%=path %>/img/icon_qy.png)no-repeat center left;">账 号:</td>
<td>
<INPUT name=userName type="text">
</td>
<td>
<font style="font-size: 11px;">学生请用学号登录,老师用教师号登录</font>
</td>
</tr>
<tr>
<td height="60px"></td>
<td align="right" style="background: url(<%=path %>/img/icon_qy.png)no-repeat center left;">密 码:</td>
<td>
<INPUT type=password name=userPw>
</td>
<td></td>
</tr>
<tr>
<td height="60px"></td>
<td align="right">登录类型:</td>
<td>
<select name="userType">
<option value="0 ">管理员</option>
<option value="1 ">老 师</option>
<option value="2 ">学 生</option>
</select>
</td>
<td></td>
</tr>
<tr>
<td height="45px"></td>
<td></td>
<td align="center" style="padding-left: 60px;"><button type="button " class="btn btn-outline btn-primary " onclick="check1()">用户登录</button>
<img id="indicator" src="<%=path %>/img/loading.gif" style="display:none" />
</td>
<td></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</body>
</html>