由于各种原因，我需要<div>在某些文本上（大部分）保持透明。但是，这意味着无法单击文本（例如，单击链接或将其选中）。是否可以简单地使该div对点击和其他鼠标事件“不可见”？

例如，overlaydiv覆盖了文本，但是我希望能够通过overlaydiv 单击/选择文本：

<div id="container">
    <p>Some text</p>
    <div id="overlay" style="position: absolute; top: 0;
                             left: 0; width: 100%; height:100%">
        ... some content ...
    </div>
 </div>