回答編集履歴
1
文言修正
answer
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
JSでやれば簡単なのですが、、
|
|
2
2
|
HTML&CSSでやるにはこのやり方しか思いつきませんでした。
|
|
3
3
|
|
|
4
|
-
軽く解説すると、メインheaderとダミーheaderを用意して重ね合わせます。
|
|
4
|
+
軽く解説すると、メインのheader（```header```）と、ダミーのheader（```dummyHeader```）を用意して重ね合わせます。
|
|
5
5
|
ダミーheaderは横幅100%にしておき、メインheaderが```hover```されたら隣接セレクタでダミーheaderに色を付けています。
|
|
6
6
|
|
|
7
7
|
```HTML
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
```CSS
|
|
15
15
|
.contents {
|
|
16
|
-
position:
|
|
16
|
+
position: relative;
|
|
17
17
|
background-color: gray;
|
|
18
18
|
height: 500px;
|
|
19
19
|
}
|