[解決済み] divをクリックすると、その下にある要素に移動します。

質問

を持っています。 div を持っていること background:transparent とともに border . この下に div というように、さらに多くの要素を持っています。

現在、オーバーレイの外側をクリックすると、その下にある要素をクリックできるようになっています div . しかし、オーバーレイを直接クリックすると、その下にある要素をクリックすることができません。 div .

この中をクリックできるようにしたい div その下の要素をクリックできるように。

解決方法は？

はい、そうです。 CAN するのです。

使用方法 pointer-events: none と共に、IE11用のCSS条件文（IE10以下では動作しません）を使用すれば、クロスブラウザ互換の解決策を得ることができます。

使用方法 AlphaImageLoader を使えば、透明な .PNG/.GIF をオーバーレイで表示します。 div で、クリックが下の要素に流れるようにする。

CSSです。

pointer-events: none;
background: url('your_transparent.png');

IE11の条件付き。

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
background: none !important;

以下は 基本ページ例 をすべてのコードで表示します。