0

ここで、これのベアボーンの例を作成しました。

これは何が原因ですか?z-index を div (例では.spread) に適用するだけで、マウス イベントは完全になくなります。私が取り組んでいるプラグインでは、ポジショニングに z-index を使用する必要があり、プラグインを使用しているユーザーに将来的にこれを回避させたくありません。

基本的には応募するだけで

position:relative;
z-index:*anything less than 0)

すべてのマウス イベントが無効になります。sだけに正の z-index を追加しようとしても、aまだ機能しません。

これを修正して、div に負の z-index を配置しながら、それらのコンテンツをクリック可能/ホバー可能/何でも可能にするにはどうすればよいですか?

編集: まあ、私はばかです。独自の z-index があるとは知りませんでした。bodyすべての下にあると思いました (なぜなら、ページ全体の下に何かを表示したいので、単に display:none だけです) 皆さんありがとう!

4

3 に答える 3

1

負の値を設定するとz-indexdiv要素が要素の後ろに表示bodyされます。デフォルトでは、z-index: 0

これは、ボディの z-index を設定することによって確認されます。http://jsfiddle.net/uW9jk/5/

body{
    z-index: -3;
    position: relative;
}

それに応じてdocs.webplatform

正の z-index 値は、負の(または小さい値の) z-index の上に配置されます。同じ z-index を持つ 2 つのオブジェクトは、ソースの順序に従って積み重ねられます。正の値を指定すると、Z インデックスが定義されていないテキストの上に要素が配置され、負の値を指定すると下に配置されます。属性を削除するには、このパラメーターを null に設定します。z-index プロパティは、位置プロパティが相対または絶対に設定されているオブジェクトにのみ適用されます。このプロパティは、select オブジェクトなどのウィンドウ コントロールには適用されません。マウスなどのポインティング デバイスからの入力は、要素が表示されていなくても、重なっている要素を貫通しません。これは、次の場合を除き、負の z-index を持つ配置要素にも当てはまります。

親はスクロール コンテナーです (つまり、overflow プロパティが auto または scroll に設定されています)。親が配置されます (つまり、その位置プロパティが絶対、相対、または固定に設定されます)。

修正:body要素はz-index: autoデフォルトで or を持っていますが、0 未満のすべてがその背後にあるため、 or であると解釈するのが理にかなっていautoます0positive index


注:負の z-index 値は CSS2.1 の動作であり、CSS2 以前では許可されていません。

負の z インデックスのサポート: Webkit 1.0 | ゲッコー(FF) 3.0 | IE 4.0 | オペラ 4.0
于 2013-06-13T21:00:07.817 に答える