java - gwt / gwt-query - 使面板内的一些内部区域透明

Question

我一直在期待一些能让我透明面板内的一些内部区域而不是其余部分的东西。比如说，如果我有一个尺寸为 500x300 的面板，我只想透明左侧和顶部（相对于其父级）分别为 30 和 40 且宽度和高度分别为 100 和 200 的区域。

提前致谢！

PS：也许解决方案是本机方法中的一些js东西，但不确定。

Answer 1

我认为没有一种直接的方法可以“剪切”面板的一部分。我会像这样解决它：

Panel:
+---------+--------------------------------+----------------+
|         |             B                  |                |
|         |                                |                |
|         +--------------------------------+                |
|         |                                |                |
|   A     |             T                  |      D         |
|         |                                |                |
|         |                                |                |
|         +--------------------------------+                |
|         |             C                  |                |
|         |                                |                |
+---------+--------------------------------+----------------+

让整个面板背景透明^[*]。然后添加白色背景的 A、B、C 和 D。这将使 T 透明。

这种安排可以通过 DockLayoutPanel 轻松实现！

^[*]提示：如果您使用的是 GWT 主题，它可能已经在面板上设置了背景。如果是这种情况，请使用myPanel.addStyleName("transparent")并定义 CSS 规则

div.transparent {
  background: none;
}