如何在GWT的DialogBox弹窗上层显示加载gif动画

出现这个问题的核心原因是GWT的DialogBox继承自PopupPanel，默认会自动分配较高的z-index值，且每弹出一个新的Popup类组件，z-index会自动递增，你的全局加载GIF的z-index低于DialogBox及其遮罩层的优先级，就会被夹在主页和弹窗之间。

可行方案如下： #

方案1：手动调高加载动画容器的z-index优先级

给你的加载GIF外层容器添加CSS样式，确保层级高于DialogBox：

.loading-container {
  position: fixed !important;
  z-index: 100000 !important; /* GWT默认Popup初始z-index为10000，设置远高于该值即可 */
  /* 其余原有样式不变 */
}

注意需要确保加载容器的父节点没有设置overflow: hidden、或者低z-index的定位属性，避免层级被父容器限制。

方案2：将加载动画嵌入DialogBox内部

不需要修改全局加载层，直接在当前DialogBox的组件树中叠加加载层：

1. 把原来传给DialogBox的displayListWidget外层包裹一个SimplePanel
2. 触发导出操作时，往这个SimplePanel中插入一个绝对定位的全屏加载层，包含你的GIF动图，设置宽高100%、半透明背景、GIF居中即可
   该方案的加载层本身属于DialogBox的内部子元素，天然层级高于DialogBox的原有内容。

方案3：用GWT原生PopupPanel承载加载动画（最省心）

GWT的PopupPanel弹出时会自动分配比当前所有已存在的Popup更高的z-index，直接用它装加载GIF就能保证层级在DialogBox之上，示例代码：

// 初始化加载弹窗
PopupPanel loadingPopup = new PopupPanel(false, true);
Image loadingGif = new Image("你的加载GIF资源路径");
loadingPopup.setWidget(loadingGif);
loadingPopup.setGlassEnabled(true); // 可选：开启半透明遮罩，阻止导出过程中操作DialogBox
loadingPopup.center(); // 居中显示，也可以用setPopupPosition自定义位置

// 导出完成后调用隐藏
loadingPopup.hide();

内容的提问来源于stack exchange，提问作者Karthik