That solution wont work on IE7 and IE6. Because in all browser but IE7/IE7 gwt will inline the images as base64. The only browsers that really use sprites are those and the nature of sprites require you to put the real width and height to work. If you use width:auto; height:auto you will break it.
Best 2010/8/10 Joe Hudson <[email protected]> > Figured this one out as well - posting it for completeness of this > thread. > > you need to add height: auto; width: auto css properties (or different > values based on your needs) > > Joe > > On Aug 9, 11:40 pm, Joe Hudson <[email protected]> wrote: > > Hi, > > > > I'm trying to use a css bundle with a background image reference and I > > am getting an error in the Development Mode Eclipse view: Fix by > > adding String accessor method(s) to the CssResource interface for > > obfuscated classes, or using an @external declaration for unobfuscated > > classes. > > > > When I add an @external at-rule I no longer receive the error but the > > background image doesn't show up. More specifically, I do see all > > other css attributes when inspecting the DOM but just not the > > background-image attribute. > > > > Here is my code (snipped for readability) > > > > --- CSS file > > @sprite .error { > > gwt-image: 'error'; > > > > } > > > > .errorMessage { > > background-color: #FEEFB3; > > gwt-image: 'warn'; > > > > } > > > > -- Client Bundle > > public interface MessagePanelClientBundle extends ClientBundle { > > > > @Source("message-panel.css") > > MessagePanelCSS css(); > > > > @Source("error.png") > > ImageResource error(); > > > > } > > > > -- Css Bundle > > public interface MessagePanelCSS extends CssResource { > > > > String errorMessage(); > > > > } > > > > Does anyone have any ideas as to why this might happen? Any help > > would be appreciated. Thanks. > > > > Joe > > -- > You received this message because you are subscribed to the Google Groups > "Google Web Toolkit" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<google-web-toolkit%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/google-web-toolkit?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
