質問編集履歴
1
読みやすいよう、編集しました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
アコーディオンメニューで出したul要素が画像に被り、見えない
|
body
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
## 実現したいこと
|
|
2
|
-
|
|
2
|
+
アコーディオンメニューを表示させたい
|
|
3
3
|
|
|
4
4
|
## 問題
|
|
5
|
-
レスポンシブで767px以下はメニューバーを
|
|
5
|
+
レスポンシブで767px以下はメニューバーをアコーディオンメニューにしているのですが、クリックして降りてきたul要素部分が下の画像に被ってしまい、表示が見えなくなります。
|
|
6
6
|
|
|
7
7
|
## やったこと
|
|
8
|
-
positionを指定したり、メニュー部分をz-index:1にしたり、画像をz-index:-1にしたりしているのですが、どうしても被ってしまいます。
|
|
8
|
+
ul要素にpositionを指定したり、メニュー部分をz-index:1にしたり、画像をz-index:-1にしたりしているのですが、どうしても被ってしまいます。
|
|
9
9
|
どうしたら表示されるでしょうか？
|
|
10
10
|
```html
|
|
11
11
|
<header>
|