css - GWT 图像 Sprite : how to move the background image to the right side

Question

我想在 GWT 客户端包中使用以下样式:


.myClass tr:hover {<br/>
background: url("myImage.png") 185px 2px no-repeat;<br/>
}


我声明的图像如下:


@Source("resources/myImage.png")<br/>
@ImageOptions(repeatStyle = RepeatStyle.None)<br/>
ImageResource myImage();


并将样式更改为:


@sprite .myClass tr:hover {<br/>
gwt-image: "myImage";<br/>
background-position: 185px 2px;<br/>
}


但它不起作用。生成的 XYZ.cache.png 中有几张图片。因此，如果我在 Firebug 中更改背景位置，我会看到完整的图像包。

如何将背景图片移动到正确的位置？

Answer 1

@sprite .myClass tr:hover {
    gwt-image: "myImage";
}

div.myClass tr:hover{
    background-position: 185px 2px; 
}

正如您所注意到的，gwt-image 将默认删除“background-position”以及其他一些。要覆盖 0 0 的默认位置，请使用您想要的位置添加更具体的 css 规则。