jquery - IE の Superfish 第 3 レベルメニューの一部が「上」、一部が「下」

Question

Chrome、Firefox、および Safari ではうまく機能するスーパーフィッシュメニューがありますが、IE では機能しません (よくある問題を知っています)。私の問題は、第 3 レベルのメニューが「部分的に」第 2 レベルのメニューの上に表示されるが、完全には表示されないことです。

境界線と背景色は第 2 レベルのメニューの上に表示されますが、第 2 レベルのテキスト自体が「にじみ」、第 3 レベルのメニューと混ざって表示されます。

いくつかのスクリーンショットを次に示します。

いいえ:

ここに画像の説明を入力

クロム：

ここに画像の説明を入力

背景色をまったく異なるもの (たとえば赤/青) にして、それらが互いに「上」にあることを正しく示すことができます。ここでは、わずかに暗い灰色の色合いになっています。

そして、ここにある私の実際のサイト: http://www.willoughby-ind.com

任意の支援をいただければ幸いです。ここまで来るのに何日もかかりましたが、何が欠けているのかわかりません。

score 0 · Accepted Answer

私のソリューションでは、希望する結果が得られませんでしたが、少なくともテキストが乱雑になることはありません。これで、IEは第3レベルのメニューをセカンダリメニュー内にポップアップします。すぐ下の横に表示するのではなく、表示します。完璧ではありませんが、使えると思います。

私は以下をiehacks.cssファイルに入れました：

ul.sf-menu li ul li ul li
{
    z-index: 30;
     position: fixed;}

ul.sf-menu ul ul
{ z-index: 40;
  position: fixed;
}

ここに画像の説明を入力してください

score 0 · Accepted Answer

iehacks.css次の行をチェックしましたか？

.sf-menu li {
    z-index:999;
}

それを第 3 レベルのメニューの z-index よりも低い値に変更すると機能するはずです

jquery - IE の Superfish 第 3 レベル メニューの一部が「上」、一部が「下」