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

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

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