回答編集履歴
1
文書の改善
answer
CHANGED
|
@@ -15,4 +15,14 @@
|
|
|
15
15
|
> なぜ負の値を指定する必要があるのでしょうか。
|
|
16
16
|
|
|
17
17
|
については、`z-index`は`0`値をデフォルトの基準として扱うと説明すれば、理解できると思います。
|
|
18
|
-
詳しくは[ここを見てください](https://developer.mozilla.org/ja/docs/Web/CSS/z-index)
|
|
18
|
+
詳しくは[ここを見てください](https://developer.mozilla.org/ja/docs/Web/CSS/z-index)
|
|
19
|
+
|
|
20
|
+
以下追記～～
|
|
21
|
+
|
|
22
|
+
z-indexを指定していない場合は以下の順序に (下から上に) 重ね合わせられます。
|
|
23
|
+
|
|
24
|
+
1.ルート要素の背景と境界
|
|
25
|
+
2.位置指定なしのブロックの子孫、 HTML 内での出現順
|
|
26
|
+
3.位置指定要素、 HTML 内での出現順
|
|
27
|
+
|
|
28
|
+
つまり、コメント欄のnamahamnさんが提示しているコードでは、`.showcase-content::before`の`z-index`を外し、その兄弟要素の`h`タグに`position:relative`を指定することで、黒背景が前後ろに表示されます。
|