回答編集履歴

2

さらに追記

2020/06/03 07:45

投稿

dit.
dit.

スコア3235

test CHANGED
@@ -26,6 +26,10 @@
26
26
 
27
27
 
28
28
 
29
+ ---
30
+
31
+
32
+
29
33
  以下追記
30
34
 
31
35
  どういった理由かも知りたいようなので。
@@ -39,3 +43,17 @@
39
43
 
40
44
 
41
45
  ということなので、この場合`.Main-visual::before`の基準はウィンドウ全体ということになると思います。
46
+
47
+
48
+
49
+ ---
50
+
51
+
52
+
53
+ 以下さらに追記
54
+
55
+ 基準をウィンドウ全体から`.Main-visual`にしたことで、上下の位置の指定も変更しなくてはならないかもしれません。
56
+
57
+ `.Main-visual`全体に色を重ねたいのであれば`top:0;`,`bottom:0;`とか。
58
+
59
+ ヘッダー部分用に重ね色の開始位置を下げている可能性があるので念のため補足しておきます。

1

理由を追記

2020/06/03 07:45

投稿

dit.
dit.

スコア3235

test CHANGED
@@ -23,3 +23,19 @@
23
23
  }
24
24
 
25
25
  ```
26
+
27
+
28
+
29
+ 以下追記
30
+
31
+ どういった理由かも知りたいようなので。
32
+
33
+ 親要素(この場合`.Main-visual`)の`position`の初期値は`static`です。
34
+
35
+ [http://www.htmq.com/style/position.shtml](http://www.htmq.com/style/position.shtml)の説明を借りると
36
+
37
+ > 親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置となります。親ボックスにpositionプロパティのstatic以外の値が指定されていない場合には、ウィンドウ全体の左上が基準位置となります。
38
+
39
+
40
+
41
+ ということなので、この場合`.Main-visual::before`の基準はウィンドウ全体ということになると思います。