回答編集履歴
1
文書の改善
test
CHANGED
|
@@ -33,3 +33,23 @@
|
|
|
33
33
|
については、`z-index`は`0`値をデフォルトの基準として扱うと説明すれば、理解できると思います。
|
|
34
34
|
|
|
35
35
|
詳しくは[ここを見てください](https://developer.mozilla.org/ja/docs/Web/CSS/z-index)
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
以下追記～～
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
z-indexを指定していない場合は以下の順序に (下から上に) 重ね合わせられます。
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
1.ルート要素の背景と境界
|
|
48
|
+
|
|
49
|
+
2.位置指定なしのブロックの子孫、 HTML 内での出現順
|
|
50
|
+
|
|
51
|
+
3.位置指定要素、 HTML 内での出現順
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
つまり、コメント欄のnamahamnさんが提示しているコードでは、`.showcase-content::before`の`z-index`を外し、その兄弟要素の`h`タグに`position:relative`を指定することで、黒背景が前後ろに表示されます。
|