回答編集履歴

3

修正

2018/04/18 10:49

投稿

Atsushi_Okumura
Atsushi_Okumura

スコア355

test CHANGED
@@ -66,6 +66,8 @@
66
66
 
67
67
 
68
68
 
69
+ 質問者様のコードで試しました。
70
+
69
71
  fixedに変更すると表示される(topの数値は適当です。)
70
72
 
71
73
  ```CSS

2

fixedに変更

2018/04/18 10:48

投稿

Atsushi_Okumura
Atsushi_Okumura

スコア355

test CHANGED
@@ -63,3 +63,21 @@
63
63
  codepenで確認する↓
64
64
 
65
65
  [https://codepen.io/RaRukAnA/pen/VxwPMe](https://codepen.io/RaRukAnA/pen/VxwPMe)
66
+
67
+
68
+
69
+ fixedに変更すると表示される(topの数値は適当です。)
70
+
71
+ ```CSS
72
+
73
+ .p-feature:before {
74
+
75
+ position: fixed;
76
+
77
+ top: 160px;
78
+
79
+ ```
80
+
81
+ codepenで確認する↓
82
+
83
+ [https://codepen.io/RaRukAnA/pen/aGbWvV](https://codepen.io/RaRukAnA/pen/aGbWvV)

1

コードを追加

2018/04/18 10:47

投稿

Atsushi_Okumura
Atsushi_Okumura

スコア355

test CHANGED
@@ -1,4 +1,64 @@
1
1
  z-indexとoverflowには何の因果関係もないと思われます。
2
+
3
+ ```HTML
4
+
5
+ <div class="foo">
6
+
7
+ <p class="bar">bar</p>
8
+
9
+ </div>
10
+
11
+ <div class="baz"></div>
12
+
13
+ ```
14
+
15
+ ```CSS
16
+
17
+ .foo {
18
+
19
+ width: 100px;
20
+
21
+ height: 100px;
22
+
23
+ background-color: #fff;
24
+
25
+ border: 1px solid #ccc;
26
+
27
+ position: relative;
28
+
29
+ overflow: hidden;
30
+
31
+ z-index: 10;
32
+
33
+ }
34
+
35
+ .bar {
36
+
37
+ padding: 70px 0;
38
+
39
+ background-color: #55ffff;
40
+
41
+ }
42
+
43
+ .baz {
44
+
45
+ width: 100px;
46
+
47
+ height: 100px;
48
+
49
+ background-color: #f5f5f5;
50
+
51
+ position:absolute;
52
+
53
+ top: 0;
54
+
55
+ left: 50px;
56
+
57
+ z-index: 5;
58
+
59
+ }
60
+
61
+ ```
2
62
 
3
63
  codepenで確認する↓
4
64