css - 使用客户端包中定义的图像作为背景图像

Question

我正在尝试使用图像作为按钮的背景。 我将图像定义为客户端包中的资源。

public interface MyResources extends ClientBundle {
        @Source("image/hborder.png")
        ImageResource hBorder();
}

在css文件中，我尝试用下面的代码引用这张图片

.gwt-Button {   
margin: 0;
padding: 3px 5px;
text-decoration: none;
font-size: small;
cursor: pointer;
cursor: hand;   
gwt-image:'hBorder' ;
background: repeat-x 0px -27px;
border: 1px outset #ccc;

但是图片没有显示。我应该改变什么？？

问题在哪里..？

谢谢

凯瑟尔

Answer 1

您需要添加:@sprite 并移除背景:

@sprite .gwt-Button {
   ...
   gwt-image:'hBorder';
   border: 1px outset #ccc;
   ...
}

用于显示图像，但请注意，这也会将小部件的大小调整为图像的大小。