Jquery ui jQuery对话框在Safari中不可见,而它具有z索引?
我们有一个非常重jQuery/Javascript的web应用程序,到处都在使用jQuery对话框,但有一个特定的对话框在Windows上的Safari中出现了问题。它是这样创建的:Jquery ui jQuery对话框在Safari中不可见,而它具有z索引?,jquery-ui,safari,dialog,Jquery Ui,Safari,Dialog,我们有一个非常重jQuery/Javascript的web应用程序,到处都在使用jQuery对话框,但有一个特定的对话框在Windows上的Safari中出现了问题。它是这样创建的: $('#cnav-dispatch-center-window').dialog({ close: stateObject.DeviceOptions.dispatchPin_dispose, resizable: false, width: 613, height: 467,
$('#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指数非常高(10000+)
如果删除z索引,将显示对话框。我已经用开发工具测试过了。我不知道是什么设置了z索引,也不知道如何取消设置。只要z索引存在,不管它的值是什么,它都不会显示。它可以在其他浏览器中正常工作。对于遇到此问题的任何人: 我不知道为什么,任何能解释这一点的人都很荣幸,但我补充道:
z-index: auto important;
到对话框的类(在我的示例中,
dialog window alertedit
)为我解决了这个问题。奇怪的是,Safari继续报告z索引为10000+但我的对话框正在显示,所以我称它足够接近了。对于遇到此问题的任何人:
我不知道为什么,任何能解释这一点的人都很荣幸,但我补充道:
z-index: auto important;
到对话框的类(在我的示例中,
dialog window alertedit
)为我解决了这个问题。奇怪的是,Safari继续报告z索引为10000+但我的对话框正在显示,所以我称它足够接近了。感谢更新。这个解决方法也解决了我在Safari for Mac和iOS上的问题。谢谢更新。这个解决方法也解决了我在Safari for Mac和iOS上的问题。