Alertify对话框在全屏模式下对Google地图不可见

Question

我正在一个使用Alertify提示确认Google地图上事件的网站。这适用于放置在div中的地图，但在全屏模式下，地图会遮住提示。

Alertify提示仍然具有正确的尺寸，但似乎在地图后面。我尝试过强制地图和Alertify div的z-index，但是没有效果。

如果我对显示div强制执行display：none规则，它会消失并且对话框再次可见，但是当可见时，地图似乎以某种方式被强制显示在最前面？

使用Google Maps 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")}}); 

不好看，但是它可以代替适当的解决方案。

Answer 1

没有任何必要进一步解决，如上答案。