タグ「Understanding_CSS_z-index」の付いた記事
6 件のドキュメントが見つかりました
- Web/Guide/CSS/Understanding_z_index/Adding_z-index 1 つ目の例、 z-index 無しのスタック では、デフォルトでスタック(積み重ね)がどのように行われるか説明しています。別の重ね順を定義したければ、位置指定した要素と、 z-index ...
- Web/Guide/CSS/Understanding_z_index/Stacking_and_float フロート(浮遊)ブロックでは、積み重ね順が少し違います。フロートブロックは位置指定されていないブロックとされているブロックの間に置かれます:
- Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1 基礎的な例から始めましょう。ルートのスタック文脈に、2つの DIV (DIV #1 と DIV #3)があって、どちらも relative の位置指定がされていますが、z-index ...
- Web/Guide/CSS/Understanding_z_index/Stacking_context_example_2 これはとても簡単な例ですが、 スタック文脈 の概念を理解するカギになります。前の例には同じ 4 つの DIV 要素がありましたが、今度は両方の階層構造で z-index プロパティが設定されています。
- Web/Guide/CSS/Understanding_z_index/Stacking_without_z-index どの要素も z-index を持たない場合、要素は次の順序(奥から手前)に積み重なります:
- Web/Guide/CSS/Understanding_z_index/The_stacking_context 前回の例、 z-index の追加 では、ある DIV 要素の描画順がその要素の z-index 値から影響を受けていました。これは、DIV 要素が スタック文脈 ...