2012-04-11 3 views
2

通常のコンテンツがあります。それから、私はボタンでトリガーされたすべてのものになる別のdivを作った。オーバーレイしているdivから1つのボタンをクリック

このdivは絶対位置、背景色:rgbaであるため、透明にすることができます。

divが表示されている場合、その下にあるものをクリックすることはできません.1つのボタン(今述べたもの)のみです。

私はそれを達成することはできません。ポインタイベントを使用すると、その下のすべてにクリックアクセスが与えられます。

divがオンのときに、下のdivのボタンをクリック可能にしたいだけです。

ありがとうございました!

+0

「でpreventDefault(); 'あなたの友人ですが、コンテンツが適切にオーバーレイされていれば、これは起こってはなりません。あなたが見ることができる例がありますか? –

答えて

1

オーバーレイをアクティブにしたままで1つのボタンをクリック可能にしたい場合は、そのボタンをオーバーレイの上の唯一のものにしないでください。

これで、jqueryを使用して、指定されたオブジェクトのCSSを変更できます。オーバーレイがアクティブな場合は、ボタンを上に移動します。非アクティブの場合は、ボタンを通常の状態に戻し、オーバーレイを非表示にします。あなたは本当にそれがオーバーレイの下にあるように、ボタンを見たい場合は、あなたもそれが見えるようにスタイルを設定することができ色あせ(どちらかCSSの不透明度、または代替画像を経由して)

http://jsfiddle.net/ckaufman/b6gza/

+0

それはZインデックスを持たず、ただ透明です。 '.yourDiv { ポジション:絶対; トップ:1ピクセル; 背景クリップ:パディングボックス。 身長:200px; background-color:rgba(255、246、142、0.6); border:solid; border-radius:10px; border-color:brown; display:none } ' 私はこれを行うことができ、トップdivのボタンを繰り返し、それと同じ不透明度を設定することができます:)ありがとう。問題は他のものの上に正確に設定するつもりです。または、どのように私はトップにそれを取ることができますか? –

+0

はオーバーレイdiv上に既に配置されています:絶対的なので、Z-インデックスを適用することができます.100としましょう。ボタンの位置を相対的に設定し、オーバーレイの上に設定するために、例えば150というZ-インデックスを付けます。 – ckaufman

+0

これは、http:// jsfiddleを明確にします。net/ckaufman/b6gza/ – ckaufman

0

まず、「透過型div」をすべてオーバーレイしようとしていますか?

第2に、透明なdivの可視性のためにクリックイベントを確認することで問題を解決できます。

function anyclick() 
if(transparent div is visible) 
    do nothing 
else 
    do something 

技術的にはまだボタンをクリック可能にしますが、イベントは発生しません。

編集編集:あなたの "transparent div"のインデックスを作成していますか?それも問題を引き起こす可能性があります。

+0

これは、ユーザーのための助け、div ap apres、内容の下で何が起こっているのかを説明するいくつかのヒントがあります。 イベントのクリック数が多すぎるため、zindexと言います。ボタンに設定できると思いますので、それも表示されます。 私のdivにzindexを使用していません。 –

関連する問題