gwt-2.5 - 如何在 GWT 中以不透明度加载时禁用页面

Question

我有一个要求，当页面加载时，我需要禁用（其中的所有小部件都应该可见但禁用）褪色（不透明度）的页面并仅启用繁忙指示器。.

我怎样才能在 gwt 中实现这一点？请帮忙

Answer 1

此功能称为掩蔽。有很多方法可以做到这一点。一种方法是通过将屏幕中的所有小部件设为只读并通过 css 设置不透明度来禁用所有事件。另一种方法是使用透明的轻微不透明图像作为具有非常高z-index属性的背景，并在不再需要该图像时删除它

Answer 2

应用以下 css 样式后，将在所有浏览器中应用遮罩。
.maskingStyle { 背景：#666666; 位置：绝对；左：0；高度：0；z指数：10000；显示：内联块；
宽度：100%；高度：100%；不透明度：0.2；过滤器：文字（“阿尔法（不透明度= 20）”）；-webkit-transition：不透明度 OPACITY_DURATION；-moz 过渡：不透明度 OPACITY_DURATION；-o-transition：不透明度 OPACITY_DURATION；过渡：不透明度 OPACITY_DURATION；}