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

質問編集履歴

1

ほs

2016/09/12 05:36

投稿

masaakitsuyoshi
masaakitsuyoshi

スコア102

title CHANGED
File without changes
body CHANGED
@@ -201,4 +201,17 @@
201
201
  </div>
202
202
  ---中略
203
203
  </body>
204
- ```
204
+ ```
205
+ **補足**
206
+ 無事、600px以上は※absolute-containerがtable-secが重ならないようにできました。
207
+
208
+ 今度は、 600px以下のとき、absolute-containerの中の、#menu liのみをtable-secのコンテンツと重なるようにしたいのです。
209
+ toggleメニュー部分は重ならず、クリックしてでてきたリストのみをコンテンツと重なるようにしたい
210
+ 下記のような感じ。
211
+ ![イメージ説明](3039d6b486ed3ded371786f41383e7e9.jpeg)
212
+
213
+ absolute-containerにposition:relativeを追加すると、クリックして出てきたトグルメニュー(menu li)が、tabel-secを下に押しやる感じになります。
214
+ ![イメージ説明](7b89606686d0da25749bd4de44aebcd2.jpeg)
215
+
216
+ こうではなく、上画像の右側のように、table-secと、トグルメニューを重ねたいです。
217
+ absolute-containerにz-indexを指定すると、左のように、上部メニューまで重なってしまうので、それはせず、出てきたメニューのみを重ねたいです。