我正在使用 Alertify 提示来确认 Google 地图上的事件的网站。这适用于定位在 div 中的地图,但在全屏模式下,提示会被地图遮挡。
Alertify 提示仍然存在,尺寸正确,但似乎在地图后面。我试过强制地图和 alertify div 的 z-index ,但没有效果。
如果我对地图 div 强制 display:none 规则,它会消失并且对话框再次可见,但是当可见时,地图似乎以某种方式被强制到前面?
使用谷歌地图 Javascript API v3。
更新:我找到了一种解决方法,但并不理想。调用库时,Alertify 会在结束 body 标记之前动态插入一个 .alertify 类的 div。如果此 div 立即移动到地图画布中的第一个 div 内,它将显示在地图上。幸运的是,这可以使用 alertify 的 onshow 钩子强制执行,如下所示:
alertify.confirm("Are you sure you want to delete this", function(ev) {
//Code if yes
}, function(ev) {
//Code if no
}).set({onshow:function(){$(".alertify").prependTo("#canvas div:first")}});
不漂亮,但它可以代替适当的解决方案。