Image Sprites + IE6/7

[Chris Lercher]

Hi,

I'm reading the DevGuide on ClientBundle. In the "Image Sprites"
paragraph, it says:

"Support for IE6 isn't feasible in this format, because structural
changes to the DOM are necessary to implement a "windowing" effect.
Once it's possible to distinguish ie6 and ie7 in user.agent, we could
revisit support for ie6. In the current implementation, the ie6 code
won't render correctly, although is a purely cosmetic issue."

What does that mean?
- Do image sprites work with IE6/7 at all
- If yes, what's the cosmetic issue?
- Should it be "we could revisit support for ie7" instead of "we could
revisit support for ie6"?

Thanks
Chris

[Thomas Broyer]

On 11 jan, 22:44, Chris Lercher <cl_for_mail...@gmx.net> wrote:
> Hi,
>
> I'm reading the DevGuide on ClientBundle. In the "Image Sprites"
> paragraph, it says:
>
> "Support for IE6 isn't feasible in this format, because structural
> changes to the DOM are necessary to implement a "windowing" effect.
> Once it's possible to distinguish ie6 and ie7 in user.agent, we could
> revisit support for ie6. In the current implementation, the ie6 code
> won't render correctly, although is a purely cosmetic issue."
>
> What does that mean?
> - Do image sprites work with IE6/7 at all

Yes

> - If yes, what's the cosmetic issue?

Transparent regions of your images will appear in a kind of grey/blue
in IE6 (everything's OK in IE7, the issue is only with IE6, and with
transparent images)

> - Should it be "we could revisit support for ie7" instead of "we could
> revisit support for ie6"?

No, the issue is only with IE6. For now, GWT treats IE6 and IE7 the
same, so when it'll start to distinguish between them (without
introducing a new user.agent value and permutation) it will be able
(maybe) to generate specific code for IE6.

For a workaround (using DD_BelatedPNG, which will modify the DOM by
inserting an element just before every @sprite-d element), see
http://code.google.com/p/google-web-toolkit/issues/detail?id=3236#c6

[Nicolas Wetzel]

Hello,

According to the Thomas's response, we've made a ClientBundle with a CssResource containing "image Sprites" in png format.
Everything works fine in Firefox and IE8 but in IE7 the clip  doesn't work correctly:
The result of a FlowPanel (div) with a cssClass having a sprite image is a bad cliped image background.
We work with the last version of GWT 2.4 and the Bundle contains about 50 simple png.
Maybe the bundle is too big?  Any suggestions?



 

2010/1/11 Thomas Broyer <t.br...@gmail.com>

--
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-we...@googlegroups.com.
To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.