2

私はこのウェブサイトの維持を手伝っていますhttp://www.groupme.my/national/

オプションの長いリストを持つ特定の取引では、[今すぐ購入]ボタンをクリックすると、オプションリストのポップアップが以下の取引で部分的にカバーされます。たとえば、この取引「[55％オフ]韓国スタイルのハンドバッグ...」の[今すぐ購入]ボタンをクリックします。

すべての取引にオプションが付いているわけではないことに注意してください。オプションがない場合は、[今すぐ購入]をクリックすると、ショッピングカートに直接移動します。

z-indexを入れようとしましたが、何も起こらないようです。

この問題を解決する方法を確認するのを手伝ってください。ありがとう。

4

4 に答える 4

3

に問題があるようですz-index: 0。content-wrapper-top削除してみてください。

コメントの後に追加された編集:z-index生成された CSS (行:713) でこれを見つけました:

.content-pane-index {
    float: left;
    width: 737px;
    position: relative;
    z-index: 0;<------------------------ HERE
}
于 2012-06-13T08:37:10.040 に答える
3

私があなたの懸念を正しく理解していれば、フェードインする要素の下端が下にあるアイテムの後ろにありますよね?

これが問題である場合、フェードインしているものはdivにアタッチされているため（そしてそれはその上にある）、z-indexは役に立ちませんが、上にあるdivの後ろにありますページ *フェード div がアタッチされているページの後にあるため、フェード div は次のページの背後にあります。

これに対処する最も簡単な方法は、div が上に行くにつれて zTOP に向かって移動するように、それらを逆の順序で描画することです。別の言い方をすれば、描画された方法とは逆の順序で z オーダーを設定します。したがって、10 個のアイテムがある場合、最初のアイテムの zIndex は 10 になり、次のアイテムの zIndex は 9 になります。

于 2012-06-13T08:37:27.173 に答える
1

Dr.Dredel は問題をよく説明してくれましたが、HTML の並べ替えをしたくない場合は、回避策があります。少しばかげているかもしれませんが、とにかくうまくいくと思います。アイデアを提供します.コードをテストするためのコードはありません:)

まず、z-index は 1000 から 50000 のような巨大な数であってはなりません! 5 10 15 のような小さな単位を使用するので、最初にそれを行うと私のコードが機能します。ページにある必要がある最大の数を使用しました。

[今すぐ購入] ボタンに jQuery を使用し、ポップ コードを表示した後に次のコードを追加します。

$(this).parent().parent().parent().parent().parent().parent().css("z-index","999");

このコードは、buynowaタグの場合は親を検索し、タグの親の親を検索し、クラス名aを持つ divに最大値を追加することを意味します。content-pane-indexz-index

代わりにこのコードを使用することもできます:

$(this).parents(".content-pane-index").css("z-index","999");

閉じるボタンについては、以前に追加した z-index を復元する必要があるため、ポップ コードを閉じた後にこのコードも追加します。

$(this).parent().parent().parent().parent().parent().parent().parent().css("z-index","0");

また

$(this).parents(".content-pane-index").css("z-index","0");

少なくともアイデアが得られたことを願っています:)

.parent()私のコードは、1 つのメソッドの追加または削除、または で使用されるセレクターの変更などの修正が必要な場合があり.parents()ます。

私は回避策が大好きです：P

于 2012-06-13T08:56:56.813 に答える
0

ポップアップを表示したい場合はz-index、ポップアップ CSS から削除します。私はz-index: 1000他のcssで使用しています

しかし、私はポップアップに他のCSSを使用しているので、ポップアップCSSに移動して見つけz-indexて削除します。

于 2016-08-19T09:03:15.963 に答える