2009-07-01 16 views
6

jqueryスーパーフィッシュメニュープラグインを修正して、メニューのイメージを使用する必要がありました。 このデモをご覧ください。 http://www.okadadesign.no/vitaveritas/jqueryスーパーフィッシュメニュープラグインを使用したIE7のZ-インデックス問題

Om ossとMedieomtaleの下にサブメニューがあります。このメニューにはスプライト画像を使用しました。

IE8、FFなどでうまく動作しますが、IE7にはサブメニューが表示される問題があります。サブメニューが表示されますが、サブメニューでナビゲートしようとするとフェードアウトします。

誰でもこの問題を解決するために私を助けることができますか?

ありがとうございます。

答えて

6

私はいつも.sf-menu li liにz-indexを置いて、サブメニューをie6/7に表示させる必要がありました。

hoverIntentを使用すると役立つ可能性があります。 superfish pageについての詳細があります。

19

IE7とIE6のZ-インデックス問題は、次のように追加して修正しました。 z-指数:10000; (sf-menu)が含まれているメイン#nav divに移動し、ジョブが完了しました。

+1

この回答をありがとうございました!!! –

+0

+1これはすぐに私のために働いてくれてありがとう。 – Mark

+0

+1これはすごくうまくいく - 素敵な仕事@Sylar – Yarin

1

これは、.sf_menu li ulに "バックグラウンド"を指定しないと馬鹿になるかもしれません。グラデーション(IEでフィルタ)を使用していて、元の背景色を指定していませんでした。

background: #F3F3F3; /* required for IE to retain hover state */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D8D8D8'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D8D8D8)); 
    background: -moz-linear-gradient(top, #F3F3F3, #D8D8D8); 
関連する問題