具有显式尺寸的GWT精灵不会缩放

时间:2013-01-28 08:35:32

标签: gwt css-sprites

我们遇到了一个问题,试图将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;
}

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

0 个答案:

没有答案