2012-12-25 68 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" >