z-indexが効かないとき

cssとjsで作ったトップメニューのプルダウンがどうしても下にあるdivの後ろに隠れてしまって表示されない。。。。いろいろ調べたところz-indexが効かない原因はこんな感じ

  • 親要素がposition:static;もしくはpositionが設定されてない
  • ほかにz-indexが設定されている
  • overflow:hidden;が設定されている

今回の原因は3でした。
ちなみにoverflow属性はコンテンツがdivに入りきらないときにどうするかを指定するもの
デフォルト値はvisibleです。hiddenははみ出た部分をバッサリ非表示にします。

こんなんで2,3時間。。。

One Reply to “z-indexが効かないとき”