輸入不會讓我輸入任何東西

我有這個div是absolute-positioned下一個fixed股利。然後我試圖插入一個表格，裏面有一個<input>，它不會讓我輸入任何內容。輸入不會讓我輸入任何東西

#navbar { 
    width: 100%; 
    padding: 30px; 
    position: fixed; 
    background-color: #0066CC; 
    box-shadow: 0px 10px 40px 3px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 10px 40px 3px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow: 0px 10px 40px 3px rgba(0, 0, 0, 0.5); 
} 

#main_index { 
    left: 8%; 
    right: 8%; 
    width: 85%; 
    top: 300px; 
    z-index: -1; 
    min-height: 100px; 
    position: absolute; 
    border: 1px solid #CCCCCC; 
    background-color: #FFFFFF; 
} 

<div id="navbar"><center><b>NAVBAR</b></center></div> 

<div id="main_index"> 
    <div id="index_login"> 
     <form action="login" method="post"> 
      <input type="text" required="required" name="username"> 
      <br /> 
      <input type="password" required="required" name="password"> 
     </form> 
    </div> 
</div>

來源

2012-12-16 user1828371

您的問題[*不是*出現在你的代碼已經發布（http://jsfiddle.net/davidThomas/8nXkF/）。任何JavaScript？你有沒有'readonly'或'disabled'屬性？如果你刪除*全部* CSS問題仍然存在？你可以發佈一個（最小/ [簡短，自包含]（http://sscce.org/））[JS小提琴]（http://jsfiddle.net/），或類似的現場演示，再現你的問題？ –

我不太確定你的html的其餘部分是怎樣的，但你確定#navbar沒有溢出你的#main_index股利。嘗試添加用於測試目的：

height:100px; 
overflow:hidden;

您的#navbar css風格，看看會發生什麼。

來源

2012-12-16 18:08:09

這沒有做任何事情。編輯：沒關係。我將z-index設置爲-1，這將其置於一切之下。 – user1828371

我相信你的問題的至少一部分是中心標記已被分解。使用屬性爲「align：center;」的樣式表並將其應用於您的DIV。

來源

2012-12-16 18:02:25 user1903020

我暫時只是爲了測試目的。但它沒有解決任何問題。 – user1828371

我能夠將您提供的代碼（不包括中心標籤）保存到HTML文檔中，它可以讓我輸入輸入內容。如果您的樣式不在單獨的文檔中，請記住他們需要圍繞它們標記標籤。 – user1903020

我想你應該嘗試：

#navbar { 
width: 100%; 
padding: 30px; 
position: fixed; 
z-index: 2;<----------------------bigger than #main_index 
background-color: #0066CC; 
box-shadow: 0px 10px 40px 3px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: 0px 10px 40px 3px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: 0px 10px 40px 3px rgba(0, 0, 0, 0.5); 
} 

#main_index { 
left: 8%; 
right: 8%; 
width: 85%; 
top: 300px; 
z-index: 1;<--------------------- positive 
min-height: 100px; 
position: absolute; 
border: 1px solid #CCCCCC; 
background-color: #FFFFFF; 
}

來源

2012-12-16 18:16:16

輸入不會讓我輸入任何東西

回答

相關問題