質問編集履歴

1

読みやすいよう、編集しました。

2019/11/10 09:17

投稿

kaaaarin
kaaaarin

スコア17

test CHANGED
@@ -1 +1 @@
1
- バーガーメニューで出したメニューが画像に被り、見えない
1
+ アコーディオンメニューで出したul要素が画像に被り、見えない
test CHANGED
@@ -1,18 +1,18 @@
1
1
  ## 実現したいこと
2
2
 
3
- バーガーメニューを表示させたい
3
+ アコーディオンメニューを表示させたい
4
4
 
5
5
 
6
6
 
7
7
  ## 問題
8
8
 
9
- レスポンシブで767px以下はメニューバーをバーガーメニューにしているのですが、クリックして降りてきたメニュー部分が下の画像に被ってしまい、表示が見えなくなります。
9
+ レスポンシブで767px以下はメニューバーをアコーディオンメニューにしているのですが、クリックして降りてきたul要素部分が下の画像に被ってしまい、表示が見えなくなります。
10
10
 
11
11
 
12
12
 
13
13
  ## やったこと
14
14
 
15
- positionを指定したり、メニュー部分をz-index:1にしたり、画像をz-index:-1にしたりしているのですが、どうしても被ってしまいます。
15
+ ul要素にpositionを指定したり、メニュー部分をz-index:1にしたり、画像をz-index:-1にしたりしているのですが、どうしても被ってしまいます。
16
16
 
17
17
  どうしたら表示されるでしょうか?
18
18