質問編集履歴
1
ほs
test
CHANGED
File without changes
|
test
CHANGED
@@ -405,3 +405,29 @@
|
|
405
405
|
</body>
|
406
406
|
|
407
407
|
```
|
408
|
+
|
409
|
+
**補足**
|
410
|
+
|
411
|
+
無事、600px以上は※absolute-containerがtable-secが重ならないようにできました。
|
412
|
+
|
413
|
+
|
414
|
+
|
415
|
+
今度は、 600px以下のとき、absolute-containerの中の、#menu liのみをtable-secのコンテンツと重なるようにしたいのです。
|
416
|
+
|
417
|
+
toggleメニュー部分は重ならず、クリックしてでてきたリストのみをコンテンツと重なるようにしたい
|
418
|
+
|
419
|
+
下記のような感じ。
|
420
|
+
|
421
|
+
![イメージ説明](3039d6b486ed3ded371786f41383e7e9.jpeg)
|
422
|
+
|
423
|
+
|
424
|
+
|
425
|
+
absolute-containerにposition:relativeを追加すると、クリックして出てきたトグルメニュー(menu li)が、tabel-secを下に押しやる感じになります。
|
426
|
+
|
427
|
+
![イメージ説明](7b89606686d0da25749bd4de44aebcd2.jpeg)
|
428
|
+
|
429
|
+
|
430
|
+
|
431
|
+
こうではなく、上画像の右側のように、table-secと、トグルメニューを重ねたいです。
|
432
|
+
|
433
|
+
absolute-containerにz-indexを指定すると、左のように、上部メニューまで重なってしまうので、それはせず、出てきたメニューのみを重ねたいです。
|