使用 CSS 设置 GWT 根面板的样式

Question

我为我的基本根面板声明了以下 CSS 类。

#rootPanel
{
width: 100%;
height: 100%;
background-image:url("../images/green013.jpg");
}

我的小部件都使用 %ages 定位，因此无论屏幕宽度如何，它们都会出现在视图面板的中心。问题出在我的背景图片上。如果我将根面板尺寸设置为 800 像素和 800 像素，它不会重复填充背景。如果我出于某种原因使用 %ages 似乎它不会重复？有什么想法可能是错的吗？

Answer 1

如果您想摆脱 % height 和 width 并将它们设置为 Pixel 而不管 browser size ，然后使用

RootPanel.get().setHeight(Window.getClientHeight()+"px"); 

RootPanel.get().setWidth(Window.getClientWidth()+"px");

然后应用你的风格。

Answer 2

是的，你是对的。图像不以 % 重复。对于重复图像，您必须在 Pixel 中指定高度和宽度。当我设置为像素时，我面临同样的问题，它会工作！！。