2

我们在尝试将 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;
}

有没有办法让这项工作,或者精灵根本就没有设计成以这种方式使用?提前致谢。

4

0 回答 0