2012-12-25 53 views
0

爲什麼我無法點擊並輸入以下文本輸入?解決這個問題的最好方法是什麼?無法使用文本輸入

<body> 
    <div class="centralCollumn"> 
     <div class="NewsTitle">Forum, Ask Questions or give advice</div> 
     <div class="NewsHeadBreak"></div> 
     <div class="NewsPara"> 
      <form class="commentForum"> 
       Leave a comment or question: <input type="text" name="comment" class="comment" ></input> 
      </form> 
     </div> 
    </div> 
</body> 

這裏是我的CSS:

.centralCollumn { 
    position: absolute; 
    top: 18%; 
    left: 10%; 
    width: 90%; 
    height: 100%; 
    text-align: center; 
    z-index: -1; 
    background-color: #ecf1f3; 
} 
+1

http://jsfiddle.net/LUVbk/它在這裏工作,這意味着它的用CSS問題。發佈你的CSS。 – Cristy

+0

''無效,但它應該工作。你能製作一個[jsFiddle](http://jsfiddle.net/)來證明這個問題嗎? – Ryan

+3

@JustinColyar:'z-index:-1'把它放在它的父項後面,這使得它不可能與任何東西進行交互。儘管如此,你仍然可以看到它,因爲父母的背景是透明的。你爲什麼需要'z-index:-1'? – Ryan

回答

5

z-index: -1;.centralCollumn其父背後,使其無法與任何東西互動。儘管如此,你仍然可以看到它,因爲父母的背景是透明的。只要拿出那一部分。

0

您輸入的標籤不正確。嘗試刪除...

</input> 

正確使用的佔位符的是...

<input type="text" name="comment" class="comment" value="$comment" >