2

非常に jQuery/Javascript を多用する Web アプリがあり、jQuery ダイアログが至る所で使用されていますが、Windows の Safari で特定のダイアログに問題があります。次のように作成されます。

$('#cnav-dispatch-center-window').dialog({
    close: stateObject.DeviceOptions.dispatchPin_dispose,
    resizable: false,
    width: 613,
    height: 467,
    dialogClass: 'dialog-window-alertedit',
    show: 'fade',
    hide: 'fade',
    open: stateObject.DeviceOptions.RefreshSelection
});​

このダイアログでは、他のダイアログよりも特別なことは何もしていません。このダイアログは奇妙な動作を示します:

  • 見えない
  • それでもクリックを傍受します
  • タイトルバーが見つかった場合でもドラッグ可能です
  • 非常に高い z-index (10,000+) を持っています。

z-index を削除すると、ダイアログが表示されます。私は開発者ツールでそれをテストしました。z-index を設定しているものがわからず、設定を解除する方法もわかりません。z-index が存在する限り、その値に関係なく表示されません。他のすべてのブラウザで問題なく動作します。

4

1 に答える 1

5

この問題に遭遇した人のために：

理由はわかりませんが、それを説明できる人を称賛しますが、次のように付け加えます。

z-index: auto important;

ダイアログのクラス（私の例ではdialog-window-alertedit）に問題を修正します。奇妙なのは、Safari が z-index が 10,000+ であると報告し続けていることですが、ダイアログが表示されているので、十分に近いと呼んでいます。

于 2012-07-20T19:07:32.440 に答える