teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追記

2020/05/07 16:00

投稿

okina
okina

スコア471

answer CHANGED
@@ -72,4 +72,6 @@
72
72
  position: relative;
73
73
  }
74
74
 
75
- ```
75
+ ```
76
+
77
+ Buttonという文字列はずっと、z-indexが0でした。なので、spanのz-indexが-1のときは上にきますが、1のときは下にきていたというわけです。

1

正しい内容に訂正

2020/05/07 16:00

投稿

okina
okina

スコア471

answer CHANGED
@@ -1,4 +1,4 @@
1
- Positionが指定されていない要素は、Positionが指定されている要素の下にきます(z-indexにかかわらず)。
1
+ Positionが指定されていない要素は、Positionが指定されている要素の下にきます(z-indexにかかわらず)。というか、position:staticな要素にz-indexは指定できません。
2
2
  そのため、"Button"という文字列にpositionを指定します。
3
3
 
4
4
  ```HTML
@@ -72,5 +72,4 @@
72
72
  position: relative;
73
73
  }
74
74
 
75
-
76
75
  ```