8

JQZoom プラグインを使用すると、960.gs グリッドに大量の画像が表示されます....

ここに例があります: http://madlov.com/vintage-sunglasses

（注：上記のリンクでは「innerzoom」を使用していますが、標準ビューを使用すると、ズームされたウィンドウが上ではなく横の画像の後ろに表示されます）

ZoomWindow divを調べたところ、

z-index: 5001

それでも、それは役に立たないようです。

ズームした画像が他の画像の後ろに表示されるのはなぜですか

4

2 に答える 2

3

それは間違いなく積み重ねの問題です。スタッキング コンテキストがどのように機能するかについての詳細は次のとおりです: https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

http://jsfiddle.net/aAMH2/1/でフィドルもセットアップしました。

HTML の下部にあるスタイル タグに注意してください。このスタイルは、CSS で指定されたスタッキングの問題を上書きします。Javascript の変更に問題がある場合、または簡単な修正が必要な場合は、これで解決する可能性があります (クラス名を .

別のオプションは、ページが読み込まれた後に jQuery を実行することです。

$(document).ready(function() { 
$('.zoomPad').css('z-index','auto');
});

お役に立てれば

于 2011-11-14T09:27:20.807 に答える
2

キャッシュされているように見えるアプリケーションのcssファイルで、.zoompadのz-index値をautoに設定するか、z-indexを完全に削除してみてください。また、ズームした画像をすべてに表示しようとしている場合は、.zoomWrapperImageのoverflowプロパティを表示に設定するか、overflow：hiddenを削除します。

于 2011-11-16T03:50:45.277 に答える