Html 文本区域工作不正常

我有一个文本区，但它只允许我点击底部的文本区（这样我就可以开始打字）。但是，文本显示在适当的位置

可在此处找到该网站：

---

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

你有一个绝对位于文本区域上方的

，它拦截文本区域上部的点击。

圆圈div覆盖了文本区域

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

---

减小圆div的宽度

有一个

div

，其

id

为“圆”，浮动在大部分

文本区域

上方。乍一看，

div

似乎没有做任何事情，但它包含一些我认为可以在页面上动态使用的内容

设置

div

的样式，使其不再碍事，您应该会没事的

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

div

，为我突出显示它，并向我显示所有与之相关的CSS。

或者您可以添加：

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

---

你的问题既不是Div也不是圆圈。 CSS中的一些更改应该可以解决这个问题

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

---

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

似乎灯箱阻止我单击文本顶部。您是否尝试过给它一个高z索引？