0

私の問題は、ボタン/入力がログインバックグラウンドボックス/テーブルにとどまらないことです..ウェブブラウザ

ここに私のCSSがあります：

@charset "utf-8";
body {
  margin: 0 auto;
  text-align: center;
  background-image:url('http://img585.imageshack.us/img585/6834/backgroundyq.jpg');
  background-repeat:no-repeat;
  background-attachment: fixed;
/*  cursor: url('../css/images/cursor.cur'), auto;*/
 }

.login_bg {
    background-image: url('http://img838.imageshack.us/img838/6615/loginbgm.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    position: relative;
    width: 1920px;
    height: 1080px;
}

.login_info {
position: absolute;
margin: 350px 0 0 250px;
}

.login_input {
    background-color: transparent;
    background-image: url('http://img856.imageshack.us/img856/8451/inputy.png');
    background-repeat: no-repeat;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    width: 250px;
    position: fixed;
    top: 250px;
    left: 130px;
    height: 37px;
    font-weight: bold;
}

そして、これが HTML コードです。

<div class="login_bg">
 <table class="login_info">
  <tr>
    <td height="32"><input type="text" name="account" id="account" class="login_input" tabindex="1">&nbsp;</td>
  </tr>
 </table>
</div>
</body>

ここに jsfiddle があります: http://jsfiddle.net/3TQMF/11/

たぶん私はよく尋ねなかったので、私をもっと理解するのに役立つ何かを知りたい場合は、聞いてください. ありがとう！

4

1 に答える 1