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;
}