css z-index,文本框不比那个div盖过了，输入不了内容
0
悬赏园豆：10
[待解决问题]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录页面</title>
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
<script type="text/javascript" src="scripts/jquery.pngFix.js"></script>
<style type="text/css">
#main {
margin: 0 0 0 0px;
width: 100%;
height: 100%;
}
body {
background-image: url(images/login_bg.jpg);
margin: 0 0 0 0px;
background-repeat: repeat-x;
}
#top {
height: 50px;
width: 500px;
background-repeat: no-repeat;
}
#formbg{
background-image:url(images/contextBg.png);
background-position:inherit;
width: 500px;
height: 300px;
z-index:1;
}
#content {
width: 100%;
height: 100%;
text-align: center;
vertical-align:middle;
}
#footer {
height: 13px;
font-size: 12px;
color: black;
}
#d_uname {
margin: 100px 30px 10px 0px;
color:black;
font-size: 20px;
}
#d_passw {
margin: 10px 30px 10px 0px;
font: 20px arial, verdana, helvetica, sans-serif;
color:black;
font-size: 20px;
}
#uname {
height: 22;
width: 170px;
border:1px solid black;
color: #09C;
font-weight: bold;
background-color:transparent;
}
#passw {
border:1px solid black;
height: 22;
width: 170px;
color: #09C;
font-weight: bold;
background-color:transparent;
}
#d_IsPassw {
margin: 10px 30px 10px 0px;
color: black;
font-size: 12px;
}
#bottom {
margin: 20% 0px 0px 0px;
}
#h_lien {
color: #FFF;
}
.yunCia_1 {
background-image:url(images/yunCin1.png);
border:0px;
width: 1024px;
margin: 0 0 0 0px;
left: 0px;
height: 500px;
position: absolute;
z-index: -1;
}
.yunCia_2 {
border:0px;
background-image:url(images/yunCin2.png);
width:580px;
margin: 0 0 0 0px;
right: 0px;
height: 500px;
position: absolute;
z-index: -2;
}
</style>
</head>
<body>
<div id="main" >
<div class="yunCia_1"></div><div class="yunCia_2" ></div>
<table id="content" align="center"><tr><td style="vertical-align: middle;text-align: center;">
<div id="formbg">
<div >
<form id="loginForm" action="/manage/j_security_check" method="post">
<div id="d_uname">
账号:
<input type="text" maxlength="20" name="j_username" id="uname" />
</div>
<div id="d_passw">
密码:
<input type="password" maxlength="18" name="j_password" id="passw" />
</div>
<div id="d_IsPassw">
<input type="checkbox">
是否保存账号
</div>
<div>
<input type="image" src="images/login_button.gif"
onclick="LoginModule.doLogin()" />
<input type="image" src="images/login_button_z.gif" />
</div>
</form>
</div>
<div id="footer" >Copyright(C)酒泉市国家税务局 2007-2008 广州市宏软技科有限公司</div>
</div>
</td></tr></table>
</div>
</body>
</html>
所有回答(2)
0
你是什么浏览器在ie6下是好好的，如果不能输入你只用控制div在input后面就行了和z-index没有什么关系啊
0
是DIV定位的问题
