HOME >> 配置と重ね合わせ >> 画像の重ね合わせ(レイヤーの設定)


画像の重ね合わせ(レイヤーの設定)

画像の重ね合わせ(レイヤーの階層設定)を行います。
通常は一番最後に記述した要素が最前面に来ますが、階層を指定すると自由なレイヤー設定が可能となります。

重ね合わせには「z-index」を使用します。
指定したレイヤーの階層でホームページ要素が表示され、高い階層ほど前面に表示されます。

STYLE = "z-index : レイヤーの階層;"


使用例
[ HTMLソース ]

<SPAN style="z-index:3;">階層3 (最前面に表示されます)</SPAN>
<SPAN style="z-index:1;">階層1 (最背面に表示されます)</SPAN>
<SPAN style="z-index:2;">階層2 (真中に表示されます)</SPAN>

  ↓

[ 表示結果 ]


階層3 (最前面に表示されます)
階層1 (最背面に表示されます)
階層2 (真中に表示されます)






関連ページ
  1. 画像を好きな位置に配置する
  2. 要素の重ね合わせ (レイヤーの設定)
  3. 画像の回り込み
  4. 画像の拡大・縮小




| HOME | ご利用について | 推奨環境 | リンクについて | 規約・免責 | お問合せ | TOP |
(C)Copyright 2004 ミスティーネット Inc. All Right Reserved