Question

为什么我无法点击并输入以下文字输入？什么是解决这个问题的最佳方法？

<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;
}

Answer 1

z-index: -1;将.centralCollumn置于其父级之后，使其无法与其上的任何内容进行交互。你仍然可以看到它，因为父母的背景是透明的。把这部分拿出来。

Answer 2

您的输入标记不正确。尝试删除...

</input>

正确使用占位符是......

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

无法使用文字输入

2 个答案: