z-indexについて - 管理人

2009/01/08 (Thu) 21:19:24
*.bbtec.net

スタイルシート補足です。

z-indexというプロパティがあります。
これは、要素の重なる順を指定するものです。

こちらの講座では

画像→セリフ

…の順で設定してますので、基本的に画像の上にセリフがのる配置になるはずなのですが、正式に設定したい場合はz-indexを使用して下さい。

例：

#comic{
position: absolute;
top: 0px;
left: 0px;
z-index:1;
}

#serif{
position: absolute;
top: 50px;
left: 50px;
z-index:2;
}


z-indexは数値が少ないものほど下（背面）に配置されます。