Css GWT ImageSprite：如何将背景图像移到右侧

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

.myClass tr:hover{

背景：url（“myImage.png”）185px 2px不重复；

}

我声明图像如下：

@来源（“resources/myImage.png”）

@图像选项（repeatStyle=repeatStyle.None）

ImageResource myImage（）；

并将样式更改为：

@sprite.myClass tr:hover{

gwt图像：“我的图像”

背景位置：185px 2px；

}

但它不起作用。生成的XYZ.cache.png中有多个图像。因此，如果我改变firebug中的背景位置，我会看到完整的图像包

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

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

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

---

正如您所注意到的，gwt图像将与其他一些图像一起默认删除“背景位置”。要覆盖

0 0

的默认位置，请在所需位置添加更具体的css规则

ImageSprite的生成宽度属性不起作用，因为tr元素的宽度是固定的。最好在表行的右侧创建一个带有图像元素（作为ImageResource）的td。CSS看起来像：

 <code>
    div.myClass img {
      visibility: hidden;
    }

div.myClass tr:hover img {
  visibility: visible;
}

</code>

---

所以解决方案假设表中没有更多的图像。

它是否提供了

伪类？！我认为，您应该设置为hover/OnOut侦听器…遗憾的是，它不会影响任何内容。整个图像束放置在左侧。我试图在firebug中更改宽度、高度和背景位置，但图像似乎具有tr元素的宽度；在.myClass中tr:hover