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

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