html - 文本区域无法正常工作

Question

我有一个文本区域，但它只能让我在底部单击它（以便我可以开始输入）。但是，文本出现在正确的位置。

该网站可以在这里找到：http: //ibdesigns.net23.net/。

问题出在标有“请求”的字段中的“联系人”圈内。它只允许您单击最底部的文本区域。

Answer 1

您的问题既不是 Div 也不是 Circle。您的 CSS 中的一些更改应该可以解决此问题。

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

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

Answer 2

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

Answer 3

圆形 div 覆盖了 textarea。

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

减小圆形 div 的宽度

Answer 4

有一个div带有id“圆圈”的“圆圈”漂浮在大部分textarea. 乍一看，div它似乎没有做任何事情，但它包含一些我认为可能会在页面上动态使用的东西。

样式化div不再碍事，你应该没问题。

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

Answer 5

或者你可以添加：

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