回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,8 +1,22 @@
|
|
|
1
1
|
position: absolute を使った重ね合わせは、重ね合わせる要素の内、先にHTMLに登場する方に absolute をつけてください。
|
|
2
2
|
そして、重ね合わせる要素の親に relative をつけてください。
|
|
3
3
|
|
|
4
|
+
---
|
|
5
|
+
|
|
4
6
|
つまり、以下のようになります。
|
|
5
7
|
|
|
6
8
|
.main-top に relative を。
|
|
7
9
|
.pokemon-top に absolute を。
|
|
8
|
-
.top-message-box にはいらないです。
|
|
10
|
+
.top-message-box にはいらないです。
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
または、こうでもいいかと思います。
|
|
15
|
+
|
|
16
|
+
.main-top に relative を。
|
|
17
|
+
.top-message-box に absolute を。
|
|
18
|
+
.pokemon-top と .top-message-box の順番を入れ替える。
|
|
19
|
+
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
background-image を使う方法もあります。
|