Question

我有一个textarea，但它只允许我点击它（以便我可以开始输入）在底部。但是，文本出现在适当的位置。

可在此处找到该网站：http://ibdesigns.net23.net/。

问题出在标有“请求”字段的“联系”圈子中。它只允许您点击最底部的textarea。

Answer 1

你有一个<div id="circles">绝对定位在textarea上，它拦截了textarea上半部分的点击次数。

Answer 2

圆圈div覆盖了textarea。

#circles {
width: 940px;
height: 180px;
left: 10px;
position: absolute;
top: 155px;
}

减小圆div的宽度

Answer 3

有一个div id个“圈子”浮动在textarea的大部分上方。乍一看，div似乎没有做任何事情，但它包含了我认为可以在页面上动态使用的一些内容。

将div设置为不再妨碍，你应该没事。

作为参考，您可以使用浏览器调试工具轻松发现此类内容。在Safari中，我右键单击“问题区域”并选择“检查元素”。浏览器向我显示div，为我突出显示它，并向我展示了与之相关的所有CSS。

Answer 4

或者您可以添加：

textarea {
    z-index: 1000000;
    ...
}

Answer 5

你的问题既不是Div也不是Circle。你的CSS中的一些变化应该可以解决这个问题。

#selected {
    width: 78px;
    height: 66px;
    top: 18px;
    background: #CCC;
    position: absolute;
    margin-left: 578px;
    border-radius: 36px;
}

您可以使用Firefox插件颜色选择器选择背景颜色以使其正常工作。不要为该div使用背景图像并为其添加半径。这应该可以解决你的问题

Textarea工作不正常

5 个答案: