使用CSS发布样式GWT根面板

Question

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

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

我的小部件都使用％age定位，因此无论屏幕的宽度如何，它们都会显示在视图面板的中心。问题在于我的背景图片。如果我将根面板尺寸设置为800px和800px，则不会重复填充背景，它会很好。如果我出于某种原因使用％年龄似乎不重复？什么想法可能是错的？

Answer 1

是的，你是对的。图像不重复％。对于重复图像，你必须指定高度和＆amp; Pixel中的宽度。当我设置为像素时，我遇到同样的问题，它会工作!!。

Answer 2

如果您想摆脱％height和width并将其设置为Pixel，无论browser size如何，请使用

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

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

然后应用你的风格。