我们在尝试将 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;
}
有没有办法让这项工作,或者精灵根本就没有设计成以这种方式使用?提前致谢。