I am facing a problem when using sprite images in my CssResource
class.
Problem occurs when creating a CSS styled menu with UL and LI that
uses
background-images as menu icons. I used GWTs ClientBundle, CSSResource
with
@sprite that generates automatically a sprite image for all
ImageResources.
The result is a single horizontal aligned sprite image. With FF and
Chrome
the GWT sprite mechanism works really fine and only the desired icon
is
shown. IE shows the whole sprite sprite image in the background.
I can find this in the documentation:
@sprite .mySpriteClass {gwt-image: "imageAccessor"; other: property;}
=> generates =>
.mySpriteClass {
background-image: url(gen.png);
clip: ...;
width: 27px;
height: 42px;
other: property;
}
In my case, the problem happens because the height property is
overridden, so I have
a bigger height than the size of the image used as icon itself, so
then, not only the
desired image is used, but as many icons as the new height permits.
On FF/Chrome this does not happen, only on IE.
Does someone have a workaround for this?
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
