６ステップでマスターする 「最新標準」HTML+CSSデザイン | マイナビブックスのメモです。
要素を重ねる
-
positionプロパティを使うことで、通常の要素の上に重なる別のレイヤーにできる- cf) 通常の要素は画面の上から下に並ぶだけ
- ヘッダーなど、常に一番上に重ねたい要素のスタイル例
header {
position: absolute; /* 要素を上に重ねる */
top: 0;
left: 0;
z-index: 100; /* 常に一番上の要素になるように大きめの値をセットする */
width: 100%; /* 横幅いっぱいに広がるようにする */
background-color: rgba(255, 255, 255, 0.9); /* 背景が見えるように、半透明の白にする */
}