ドロップダウンリストがメインビジュアルの裏に入ってしまう

Question

お忙しいところ大変申し訳ございませんが
ご教示頂けますでしょうか。

http://irisdesign.biz/wp/

上記サイトを作成しておりますが、取扱商品と買取のご案内を
クリックするとドロップダウンリストが表示されるように
作成しております。

その際、メインビジュアルの裏に入ってしまいます。
z-indexではなく根本的な原因を探してみましたが私の力では
わかりませんでした。

助けていただければ幸いです。
よろしくお願い致します。

Comments

[s8_chu]

一応確認ですが、クリックではなく、ホバー時ではないのでしょうか？

[pyoo001213]

申し訳ございません、書き間違えてしまいました。ご指摘ありがとうございます。

Answer 1

z-indexではなく根本的な原因を探してみましたが私の力では

わかりませんでした。

z-indexの問題ではないのですか？sliderにz-indexの1と2が指定されているので、ドロップダウンリストには3を指定する必要があります。

#gNav ul li.menu-item {
    position: relative;
    z-index: 3;
    float: left;
}

Comments

[pyoo001213]

z-indexだったんですね・・・・。　submenuの箇所に色々z-index:100を入れていたのですが改善されなかったため・・・。
本当に助かりました。
ありがとうございます！！