0

小さな部門の束をラップするoverflow:hiddenを持つコンテナdivがあります。コンテナーを含めて、すべて z-index: 1です。すべてが固定されています。

小さな分割のサイズを変更すると、オーバーフローが正常に機能し、コンテナーの境界を超える小さな分割がクリップされます (図 1)。

jQuery を使用して、コンテナーの z-index を変更して前方に移動すると、コンテナーのオーバーフローが機能しなくなることを除いて、全員が従います。内側の div がオーバーフローします。(図2)

スクリーンキャプチャへのリンク

そして、コンテナーを z-index:1に戻すと、コンテナーとその子は、本来あるべき他のページ要素の背後に戻ります。z-index に問題はありません。

オーバーフローが壊れたままであることを除いて。(図3)

クラスを使用してオーバーフローと z-index を設定し、 overflow:hiddenをコンテナーに直接再発行しようとしましたが、何も機能していないようです。誰もこのようなことに遭遇しましたか?

編集: これは Chrome でのみ発生します - すべて Safari で正常に動作します - まだ Moz には対応していません。

4

1 に答える 1

0

position: absoluteを作成しますが、親は保持しposition: fixedます。スクロールしても子はそのまま残りますが、親のoverlow: hiddenプロパティで子をビューから切り取ることができます。

于 2013-05-30T20:05:04.157 に答える