jquery.alertのzindexがIE7で動作しない

Question

jquery.alerts.jsを使用して「確認」ボックスを作成しています。私はマスクされた背景を持っているので、ユーザーは確認ボックスで「はい/いいえ」と言うまで、ページ上で何もしません。

確認ボックスはFirefoxでうまくいきますが、IEではGreyMaskの後ろにポップアップ表示され、上には表示されません。

これをIEでどのように修正すればよいですか？

ありがとう

Answer 1

IE7では、z-indexが期待どおりに機能しない場合があります。ポップアップ・ペアレントのZインデックスを高く設定してみてください。

詳細はthis linkを参照してください。

Answer 2

私はやや似た問題に遭遇しました。私はあらゆる種類のものを試しました。結局、私は一緒にそれを修正した3つのもので終わった：

var zIndexNumber = 1000; 
$('div, li, ul').each(function() { 
    $(this).css('zIndex', zIndexNumber); 
    zIndexNumber -= 10; 
}); 

あなたのjavascript/jqueryで貼り付けてみてください。これは、すべての要素のz-indexを循環して設定します。そうすれば、灰色のボックスを1000以上のものに設定することができます。

また、正しい位置にして、doctypeが正しいことを確認してください。 IEは厄介です。