0

重複の可能性:
z-index されたレイヤーでのクリック イベントの処理

これに対するstackOverflowの答えを見つけるために何度か試みましたが、すべてのコードを試しましたが、どれもうまくいかないようでした。

透明度と重なっている div があり、その下にある div をクリックする必要があります。上記の div を無効にして画面に表示したままにするにはどうすればよいですか?

私はFirefoxを使用しています。

ありがとう -エド

これがdivのhtmlです

<div class="EduardoWhite"><img src="images/EduardoWhite.png" width="614" height="539" />

これらと灘に疲れた：

<script>
$(document).ready(function()
     {

     $(".EduardoWhite").attr({ disabled: 'disabled' });


     $('.EduardoWhite').click(function(event)
     {
      $('.EduardoWhite').hide();



    });

    });

</script>
4

2 に答える 2

2

対象のブラウザーによって異なりますが、IE が問題にならない場合は、ポインター イベントを使用できます。

何かのようなもの：

#overlapping-div { pointer-events: none }

編集 - ここに jsfiddle があります: http://jsfiddle.net/Eg4wz/

その要素のクリックは無視され、下の要素がイベントを受け取ることができます。

MDN リファレンス

参照を使用できますか

于 2012-10-19T04:05:52.837 に答える
1

その下の div よりも高い z-index がある場合、div を「無効にする」標準的な方法はありません。クリック イベントは常に最上位の div で発生します。

唯一のオプションは、div を移動するか、非表示にするか、クリック イベントをキャプチャしてから、その下の div でイベントを選択的にトリガーすることです。pointer-events CSS プロパティは役立つ場合がありますが、すべてのブラウザーでサポートされているわけではありません。

于 2012-10-19T04:06:45.910 に答える