次のように、同じ背景画像を使用して、異なるサイズのボタンに 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;
}
これを機能させる方法はありますか、またはスプライトは単にこの方法で使用するように設計されていませんか? 前もって感謝します。