我为我的基本根面板声明了以下 CSS 类。
#rootPanel
{
width: 100%;
height: 100%;
background-image:url("../images/green013.jpg");
}
我的小部件都使用 %ages 定位,因此无论屏幕宽度如何,它们都会出现在视图面板的中心。问题出在我的背景图片上。如果我将根面板尺寸设置为 800 像素和 800 像素,它不会重复填充背景。如果我出于某种原因使用 %ages 似乎它不会重复?有什么想法可能是错的吗?
是的,你是对的。图像不以 % 重复。对于重复图像,您必须在 Pixel 中指定高度和宽度。当我设置为像素时,我面临同样的问题,它会工作!!
如果你想摆脱 %height
并不管%width
设置它们,然后使用Pixel
browser size
RootPanel.get().setHeight(Window.getClientHeight()+"px");
RootPanel.get().setWidth(Window.getClientWidth()+"px");
然后应用你的风格。