2010年5月19日水曜日

表示を他の要素に重ね合わせる方法。marginのマイナス指定 - CSSカスタマイズ

要素を移動させる
表示を他の要素に重ね合わせたい時は、margin のマイナス指定が便利です。
margin-top : -30px; など。

o 必要に応じて、重ね合わせ順を調整します。 z-index を使います。

# z-index を使う場合、 position も指定する必要がありますので、ご注意下さい。
# ご参考:▽HTMLクイックリファレンスの「z-index」
#


**** メモ
o marginのマイナス指定で上に移動すると、後続要素も一緒に移動します。
o その要素だけを移動させたい時は、position を使います。
   + position : relative; top : -30px; など

o 詳しくは
   + 「周囲に影響を与えずに表示場所を移動させる。position
   + 「表示の並びを入れ替える。positionと marginの併用


==
関連ページ:
    ▼要素を移動させる
    ▼CSSカスタマイズ
    ▼制作メモ
    > 周囲に影響を与えずに表示場所を移動させる。position
    CSSで表示の並びを入れ替える。positionと margin
    デザインの邪魔になる要素への対応方法