浏览器不兼容 刚刚学习的PHP,但是遇到不浏览器不兼容的问题!求大神帮忙解决一下
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
<title>云购系统后台登陆</title>
<link rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css">
<style>
.login_index{ position:absolute; width:512px; height:344px;left:50%; top:220px; margin-left:-256px;}
.footer{ position:absolute; bottom:10px; width:100%; text-align:center; color:#ccc}
.login {
background-color:#ecebeb; position:absolute; width:451px; height:300px;opacity:1;filter:alpha(opacity=100);
box-shadow:0px 0px 0px #b4641c; left:31px; top:23px;
}
.login_header{background-color:#9dcc5a;width:451px; height:25px;}
.login_header span{ display:inline-block; width:112px; height:25px;float:left;}
.login_header_span1{ background-color:#f17564;}
.login_header_span2{ background-color:#8ccfb3; border-right:3px solid #8ccfb3}
.login_header_span3{ background-color:#7298a6}
.login_header_span4{ background-color:#9dcc5a}
.login_title{ height:50px; line-height:50px; font-size:22px; color:#809eaa; text-align:center}
.login_form{width:451px; height:220px;}
.login_form li{ height:40px; line-height:40px; position:relative;}
.login_form span{margin:0px; display:inline-block; width:85px;line-height:40px; padding-left:40px; text-align:left;font-size:15px; color:#809eaa;}
.textinput{ border:1px solid #809eaa;font-size:15px; position:absolute;top:5px;width:160px; height:25px; color:#db9140;
padding:0px 10px;background-color:#fff; line-height:25px;}
#form_but{ width:183px; height:44px; margin-top:10px; border:0px; overflow:hidden; cursor:pointer; line-height:44px;
font-size:18px; color:#f17564;font-family: "微软雅黑",Arial,"宋体";
}
#checkcode{display:inline-block; position:absolute;right:145px; top:5px; cursor:pointer}
</style>
</head>
<body>
<div class="login_index">
<div class="login">
<div class="login_header">
<span class="login_header_span1"></span>
<span class="login_header_span2"></span>
<span class="login_header_span3"></span>
<span class="login_header_span4"></span>
</div>
<div class="login_yun1"></div>
<div class="login_title">欢迎登陆 YunGouCMS </div>
<div class="login_form">
<ul>
<form method="post" action="index.php?m=mod_home&a=save" name="form1">
<li><span>管理账号:</span><input name="adminname" type="text" class="textinput" id="adminname" style="color:#f17564;" value=""></li>
<li><span>管理密码:</span><input name="adminpass" type="password" id="input-p" name="password" style="color:#8ccfb3;" class="textinput"></li>
<li><span>验证码:</span><input name="VerifyCode" type="text" class="input_1" id="VerifyCode" size="10" maxlength="10" style="width:70px;">
<img src="../index.php?a=RandCode&t=1" alt="看不清楚?请点击刷新" name="src" width="100" height="28" id="src" style="vertical-align:middle;"> <span style="color:#996600;cursor:pointer"><br>
</li>
</td>
</tr>
</li>
<tr>
<td class="tdleft">
</td>
<td colspan="2" class="tdright">
<li><span></span><input type="submit" name="btnLogin" value="登陆" id="form_but" class="login-b" /><li>
</td>
</tr>
<tr>
<td colspan="2" align="right"><span id="login_error_tip" class="login_error_tip"></span></td>
</tr>
</table>
<div class="bj3">
</div>
</div>
</div>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<script type="text/javascript">
function OpenLayer(url){
if(document.readyState == "complete"){
AlertLayer(url);
}else{
setTimeout(function(){OpenLayer(url);},100);
}
}
function AlertLayer(url){
$.layer({
type: 2,
title: ['动态口令',true],
iframe: {src: url},
area: ['460px','280px'],
offset: ['220px','50%'],
loading : {type : 0}
});
}
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
function ShowAlert(code,errorMsg){
var login_error_tip = document.getElementById('login_error_tip');
switch(code){
case -1:
case -2:
case -3:
case -4:
login_error_tip.innerHTML = errorMsg;
break;
}
}
function CheckLogin(){
var flag = true;
if(document.getElementById('txtUserName')){
if(document.getElementById('txtUserName').value.Trim() == ''){
ShowAlert(-1,"登录名必填");
flag = false;
return flag;
}
}
if(document.getElementById('txtUserPassword')){
if(document.getElementById('txtUserPassword').value.Trim() == ''){
ShowAlert(-1,"密码必填");
flag = false;
return flag;
}
}
if(document.getElementById('txtCheckCode')){
if(document.getElementById('txtCheckCode').value.Trim() == ''){
ShowAlert(-2,"验证码必填");
flag = false;
return flag;
}
}
return flag;
}
</script>
</head>
</div>
</html>
|