6

IE9 でのみ動作する次の div セットがあります。Moz と Webkit では、onclick は起動しません。z-index を 0 に変更すると、onclick は機能しますが、サイト内の他の要素の表示に問題があります。負の z インデックスで onclick を起動する方法はありますか?

<div id="adbg" style="margin: 0pt auto; height: 1000px; width: 100%; position: fixed; cursor: pointer; z-index: -1;">
<div OnClick="window.open('/bgClicks/2');" style="background: #fff url('http://www.example.com/img/bg/w_1.jpg') no-repeat center top fixed; height: 100%; width: 100%; margin: 0pt auto; cursor: pointer;"></div>
</div>
<div id="wrapper">
4

1 に答える 1

3

ここにz-indexがあるの-は間違いなく問題です。Moz / Webkitで起こっていることは、期待される結果です。クリックを拾っているオブジェクトの上に不可視/透明のレイヤーを配置して、実際のリンクに到達させないようにする必要があります。

実行できることがいくつかあります
。1）その上にあるオブジェクトを見つけます（Chromeでは非常に簡単です。右クリックして要素を検査します。通常、マウスの下の直接要素がインスペクターで自動的に強調表示されます。この要素には、次のcssルールを指定します。

pointer-events: none;

これにより、クリックしてそれを介して下のオブジェクトに登録できます。これに対するブラウザのサポートは素晴らしいものではないことに注意してください。別の解決策を提案します。

2）この問題に遭遇しないようにコードを再構築します。論理的な世界では、なぜリンクの上に何かがあるのでしょうか。構造化が不十分であるか、マージン/パディングを再考するか、jsfiddleなので、見栄えが良くなります:)。

于 2012-09-04T21:37:40.000 に答える