エフェクトの不透明度を下げたJPGオーバーレイを使用していますが、効果としてのみ使用し、その下のコンテンツをクリック可能にしています。それは可能です、ありがとう:)))下のコンテンツにアクセスできるように、重複するdivを「クリック不可」にしますか?
あなたのコメントありがとうございました。私はJPEGが全ページをカバーするので何かを考えなければならないだろうと思う:
エフェクトの不透明度を下げたJPGオーバーレイを使用していますが、効果としてのみ使用し、その下のコンテンツをクリック可能にしています。それは可能です、ありがとう:)))下のコンテンツにアクセスできるように、重複するdivを「クリック不可」にしますか?
あなたのコメントありがとうございました。私はJPEGが全ページをカバーするので何かを考えなければならないだろうと思う:
さて、pointer-events:none;
がありますが、
ブラウザしかありません。
最新のブラウザ(IE11)がサポートしています。
いいえ、そうではありません。オーバーレイ要素は常にクリックを傍受します。回避策の1つは、click
イベントをオーバーレイ要素にバインドし、現在のマウス位置&をその要素の位置と比較して、その要素がクリックを登録する必要があるかどうかを判断することです。しかし、これを達成するより良い方法がある可能性があります。しかし、あなたのコードを見ることなく、私は知る方法がありません。
これで 'pointer-events:none; 'を使うことができるようになりました。 – Keavon
はい、IE11のためのCSSの条件文(それは以下のIE10で作業したりしないよう)と一緒に使用pointer-events: none
AlphaImageLoader
を使用すると、オーバーレイdiv
に透明な.PNG/.GIF
を配置し、クリックした要素が蛇行して伝播することもあります。
CSS:条件付き
pointer-events: none;
background: url('your_transparent.png');
IE11:ここ
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
background: none !important;
は、すべてのコードとbasic example pageです。
私が見つけた1つの簡単なトリックは、非常にw3cではなく、divをスパンにカプセル化し、そのスパンクラスを使ってオーバーレイを作ることです。 そのようにするとすべてがクリック可能になり、divはdivのように振る舞います
私は正しい言葉がヒットテストだと思います。 Web上では一般的に不可能であることを示しています。 – Gleno
これを行うには最速の方法があります:コンテンツをラッパーに入れ、少し透明にし、JPGを背後に置くことです。 –
これはかなりスマートなダグです、ありがとう:) – pufAmuf