ハンバーガーメニューで画像が前に出てきてしまいます

Question

前提・実現したいこと

ハンバーガーメニューを開いた際にイメージのようにカルーセル画像が前に出てきてしまいます。
カルーセル画像にはslickを使用しており、position:absoluteが原因かとは思うのですが、設定を解除すると見栄えが変わってしまいます。
slickを使いながらハンバーガーメニューを前面に表示させる方法はありますか。

試したこと

slickで設定されているposition:absoluteを解除すると画像は後ろに行くのですが、カルーセル画像の見栄えが変わってしまいます。
また、z-indexで表示順をいじってみても変わらなかったので、何か良い方法があればご教授いただけると幸いです。

Comments

[m.ts10806]

他者が再現できるコードを提示されないことには何とも言えないと思います。

Answer 1

z-index:-1で解決しました。

Answer 2

私はswiperを使ってるのでslickについてはよくわかりませんが、ハンバーガメニューのところに,

overflow: hidden;

とやってみたらどうでしょうか？