首页 新闻 搜索 专区 学院

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()" />
       &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       <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>

筹哥的主页 筹哥 | 初学一级 | 园豆:190
提问于:2011-01-27 11:41
< >
分享
所有回答(2)
0

你是什么浏览器在ie6下是好好的,如果不能输入你只用控制div在input后面就行了和z-index没有什么关系啊

Tear Y | 园豆:784 (小虾三级) | 2011-01-27 12:55
0

是DIV定位的问题

silvertiger | 园豆:177 (初学一级) | 2011-01-29 20:35
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册