ボックスの重ね順を指定する
z-index
{
z-index
z-indexプロパティは、ボックスの重ね順を指定します。
初期値 | auto |
---|---|
継承 | なし |
適用される要素 | positionプロパティによって配置を指定された要素 |
モジュール | CSS basic box model |
値の指定方法
重ね順
auto | ボックスの重ね順は、HTMLソースに記述した順に従います。 |
---|---|
任意の数値 | ボックスの重ね順を数値で指定します。数値が大きくなるほど上(前)に重ねられます。負の値も指定可能です。 |
サンプルコード
#nav{position: absolute; top: 10px; left: 20px; z-index: 3; } #content{position: relative; top: 30px; z-index: 0; } #footer{position: fixed; bottom: 10px; z-index: 5; }