jquery - zIndex が期待どおりに機能しない

Question

メニューとスライドショーがあります。メニューの zindex はスライドショーの zindex よりも大きいのですが、何らかの理由でスライドショーによって隠されています。zindex のドキュメントを見ましたが、これが発生する理由が見つかりません。

ここのサイトにアクセスできます: http://cp31.stablehost.com/~edenvill/

chromeを使ってサイトをご覧ください。

どんな助けでも大歓迎です！ありがとう

Answer 1

表示される問題は、一番上のテーブルに z-index が設定されているためです。

 table.top-table {
   ....
      z-index: 9 !important;
 }

この場合の親要素には低い z-index セットがあるため、高い z-index を持つ子要素は親の兄弟に影響しません。（これは理解できますか？）

これを 999 (スライドショーのキャプション パネル) より大きくすると、機能します。

table.top-table {

   z-index: 99999 !important;
}