3

私の質問: div (Z-index 2) を無効にすることは可能ですか? つまり、マウスが無効なdivの上にあるか、上のdivにマウスオーバーしているため、下のdivをクリックできます。その下のdivによって呼び出されるマウスオーバーアクションは重要ではなく、影響もありません。

問題: Web と stackoverflow で検索しましたが、探している簡単な答えが見つかりません。私はいくつかの div を持っており、いくつかは異なる Z-index で互いに重なり合っており、上のものは下のもののアクションを台無しにしています。

例: - - 下の div (Z-Index 1) にマウスオーバー アクションを含む素敵なグラフィック ボックスがあります。マウスをボックスの上に置くと、アクションがトリガーされます。- - また、新しいレイヤー (Z-Index 2) の div のボックスの上に素敵なグラフィック テキストがありますが、これは下のボックスでのマウスオーバー アクションを妨げます。マウスがボックスから離れたように見えますが、より高いレベルの div の上にあるだけではありません。

質問の概要: div を無効にして、クリックできないようにしたり、マウスオーバー コールをトリガーしたりしても、表示されたままにすることはできますか?

4

2 に答える 2

10

はい、次の CSS プロパティを使用できます。

pointer-events: none;

ただし、ターゲットにしているブラウザによって異なります。このプロパティは十分にサポートされているとは言えません。

参照: http://caniuse.com/pointer-events

于 2012-12-06T17:50:15.133 に答える
1

レベル 2 div を実際にレベル 1 の子にしようとしましたか? mouseenter/mouseleaveではなくmouseover/を追跡する必要がありますmouseout

簡単な説明:mouseoutポインターがターゲットの子の上に移動した場合でも、マウスがキャプチャされたイベント ターゲットの真上にない場合に発生します。mouseleaveマウス ポインターがターゲット要素とその子要素の両方を離れたときにのみ発生するためです。mouseenterCSS に類似していると考えてください:hover

于 2012-12-06T17:59:38.480 に答える