我们遇到了一个问题,试图将GWT精灵用于不同大小的按钮,使用相同的背景图像,如下所示:
@Source("background.png")
@ImageOptions(width=200,height=50)
ImageResource wideButton();
@Source("background.png")
@ImageOptions(width=100,height=50)
ImageResource narrowButton();
在css中我们使用像这样的图像资源:
@sprite .wideButton {
gwt-image: "wideButton"; }
@sprite .wideButton {
gwt-image: "narrowButton"; }
这会生成具有适当尺寸的DIV元素,但是当这些尺寸小于图像的原始宽度和高度时,它不会正确显示图像:图片被裁剪为适合,而不是缩放。 在css中设置宽度和高度并不能解决显示问题。
@sprite .wideButton {
gwt-image: "narrowButton";
width: 100px;
height: 50px;
}
有没有办法让这项工作成功,或者精灵是不是设计成以这种方式使用?提前谢谢。