| １．相対指定 | |||
|---|---|---|---|
| 背景 | top | left | z-index |
| #ff0000 | 1cm | 3cm | 5 |
| ２．絶対指定 | |||
|---|---|---|---|
| 背景 | top | right | z-index |
| #00ff00 | 5cm | 8cm | 0 |
| ３．相対指定 | |||
|---|---|---|---|
| 背景 | bottom | left | z-index |
| #00aaff | 1.5cm | 25% | 3 |
| ４．絶対指定 | z-index | ||
|---|---|---|---|
| 背景 | top | left | |
| #ffff00 | 50% | 10% | 2 |
| ５．相対指定 | |||
|---|---|---|---|
| 背景 | bottom | left | z-index |
| #ff00ff | 1cm | 5cm | 1 |
z-index が指定されていない場合は，記述した順番（ １，２，３，４，５ ）に上に重ねられますが，z-index を設定すると重なり方を変更することができます．