[解決済み] HTML/CSSです。divをクリックで見えなくする？

質問

様々な理由から、私は（ほとんど）透明な <div> を付ける必要があります。しかし、これではテキストをクリックすることができません（たとえば、リンクをクリックしたり、それを選択したりするため）。この div をクリックやその他のマウス イベントに対して単純に "invisible" にすることは可能でしょうか？

たとえば overlay div がテキストを覆っていますが、テキストをクリックしたり選択したりするために overlay 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>

どのように解決するのですか？

CSSを使用して行うことができます。 pointer-events . このプロパティは、Firefox 3.6+、Chrome 2+、IE 11+、およびSafari 4+でサポートされています。残念ながら、クロス ブラウザでの回避策についての知識はありません。

#overlay {
  pointer-events: none;
}