Question

我在右侧创建了一个多选文本区：

http://tinyurl.com/d2dbay5

通常我无法进行任何选择，除非我点击背景并向上和向下滚动。即使这样，如果我尝试选择另一个字段，我也会遇到同样的问题。

此外，当您将鼠标悬停在图表周围的文本上时，左侧的文本框会被填充。当其中一个文本框的文本多于房间形式时，我会得到一个垂直滚动条，这就是我想要的。但是，如果我将鼠标悬停在数据量较少的文本字段上并返回，我将不再使用滚动条。

Answer 1

您无法选择textareas的任何内容的原因是创建svg的<div>元素通过position: absolute;定位，当与{{<div>的大小相结合时1}}导致它呈现在页面其余部分的顶部。

您可以在大多数现代浏览器中通过向相关元素的css添加z-index值来解决此问题。您希望包含可选文本的所有<div>元素的z-index值都高于svg元素。

具体来说，将其拟合到当前结构中，可以将以下内容添加到包含svg的div的内联样式中：

z-index: 1;

然后将以下内容添加到影响其他div的每个css规范中（例如#legend，＃legend_title，＃right_section等）：

z-index: 2;