css - IE Quirks モードでの Z インデックスの問題

Question

私はこのサイトに取り組んでいます: http://stdionis.org.uk/

サイトを IE 9 以下で表示すると、ホームページのドロップダウンメニューがスライドショーの下に表示されます (これは Google スライドショーです)。ただし、別のページに移動すると、ドロップダウンは画像の上に表示されます。

ドロップダウン div の z-index を 9999 に設定し、スライドショーの z-index をゼロに設定しようとしましたが、うまくいかないようです。

私たちが使用している CMS では、ページの HTML コードに直接アクセスすることはできません (聞かないでください...)。したがって、Doctypeを変更して標準モードで表示できないのはなぜですか。

必ずしもクリーンなソリューションを探しているわけではありませんが、狂った JavaScript ハックは大歓迎です。

score 0 · Accepted Answer

これを試して -

.t_horizontal * { z-index: 1000 !important; }

また

.t_horizontal table { z-index: 1000 !important; }

それでも機能しない場合-jQueryを使用してみてください-

$(document).ready(function(){
  $('.t_horizontal *').css('z-index','1000 !important');
});

注: メニューは、メニューを作成する適切な方法ではないテーブルを使用しています。

score 0 · Accepted Answer

やってみました：

#ctlHeaderModules {
  position: relative;
  z-index: 2;
}
#frm1 {
  position: relative;
  z-index: 1;
}

これら 2 つの要素はどちらも同じレベルにあり、Chrome でそれらを調べると、これらのプロパティが適用されていないことがわかります。試してみる価値があります。

2 に答える 2