さまざまな CSS プロパティがスタッキング コンテキストをどのように作成するのでしょうか?

CSS でのスタッキング コンテキスト

CSS では、特定のプロパティでスタッキング コンテキストの作成が必要になり、ページ内に個別の階層化環境が確立されます。よく知られている z-index プロパティ以外にも、いくつかの追加プロパティがこれらのコンテキストの形成をトリガーします。

スタッキング コンテキストの作成

次のプロパティは、要素のスタッキング コンテキストを確立します。とその子孫:

• Z-index: 位置決めされた要素の auto 以外の値 (固定要素を除く)新しいブラウザの場合)
• 不透明度: 1 未満
• 変換: なし以外の値および変換スタイル:保持 3d
• パースペクティブ: なし以外の値

追加プロパティ

さらに、次のプロパティもスタッキング コンテキストの作成に貢献します:

• フローフロム: 非通常のコンテンツを持つ要素の非なし
• ページマージンボックス: ページ付きメディア内
• フィルター:なし以外
• 分離: 合成およびブレンドで分離
• ミックスブレンドモード: 非標準値
• 変更: トリガーされるプロパティの非初期値スタッキングコンテキスト
• クリップパス/マスク: なし値

ブロック フォーマット コンテキストとの区別

スタッキング コンテキストとブロック フォーマット コンテキストを区別することが重要です。これらは、CSS レイアウトにおける 2 つの別個の概念です。スタッキング コンテキストは位置決めと階層化を制御しますが、ブロックの書式設定コンテキストはコンテンツ フローとブロック要素のラッピング動作に影響を与えます。

以上がさまざまな CSS プロパティがスタッキング コンテキストをどのように作成するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。