HTML / CSS: сделать div «невидимым» для кликов?

поверх некоторого текста. Однако это означает, что по тексту нельзя щелкнуть (например, щелкнуть ссылки или выбрать его). Можно ли просто сделать этот div «невидимым» для щелчков и других событий мыши?

Например, оверлей div покрывает текст, но я хотел бы иметь возможность щелкать / выбирать текст через оверлей div:

<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>