☰

divをクリックして下位の要素に移動 質問する

tag-icon • tag-icon css click mouseevent layer
divをクリックして下位の要素に移動 質問する

とdivを持つ があります。この の下には、さらに多くの要素があります。background:transparentborderdiv

現在、オーバーレイの外側をクリックすると、下にある要素をクリックできますdiv。ただし、オーバーレイを直接クリックすると、下にある要素をクリックできませんdiv。

divこれをクリックして、下にある要素をクリックできるようにしたいと思います。

私の問題

ベストアンサー1

はい、これは可能です。

IE11 の CSS 条件文 (IE10 以下では動作しません) と併用することでpointer-events: none、この問題に対するクロスブラウザー互換のソリューションを得ることができます。

を使用すると、オーバーレイに透明な を配置し、クリックするとその下の要素に流れるようにすることAlphaImageLoaderもできます。.PNG/.GIFdiv

CS: ...

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

IE11 条件:

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

がここにあります基本的なサンプルページすべてのコード付き。

おすすめ記事