Revision: 7360
Author: [email protected]
Date: Wed Jan 6 07:11:38 2010
Log: Edited wiki page through web user interface.
http://code.google.com/p/google-web-toolkit/source/detail?r=7360
Modified:
/wiki/CssResource.wiki
=======================================
--- /wiki/CssResource.wiki Wed Dec 16 20:41:16 2009
+++ /wiki/CssResource.wiki Wed Jan 6 07:11:38 2010
@@ -173,7 +173,7 @@
@sprite .mySpriteClass {gwt-image: "imageAccessor"; other: property;} =>
generates =>
.mySpriteClass {
background-image: url(gen.png);
- clip: ...;
+ background-position: ...;
width: 27px;
height: 42px;
other: property;
@@ -200,7 +200,8 @@
* @sprite entries will be expanded to static CSS rules, possibly with
data: urls.
* The expansion is sensitive to any RepeatStyle value defined on the
ImageResource accessor function. The appropriate `repeat-x` or `repeat-y`
properties will be added to the @sprite selector.
* Any CSS selector can be specified for @sprite.
- * 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.
+ * Full support for transparency in 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.
+ * Combining `...@sprite` with other properties that affect the size of the
selected element's CSS [http://www.w3.org/TR/CSS21/box.html#box-dimensions
padding box] will likely cause rendering issues if the ImageResource is a
composite image, because the
[http://www.w3.org/TR/CSS21/colors.html#propdef-background-position
background position] is relative to the padding box. Specifically, avoid
the `width`, `height`, and `padding` properties. If the ImageResource has
been given a `repeatStyle` in its `...@imageoptions` annotation, it is safe to
adjust the size of the padding box along the `repeatStyle` axis.
== References to Data Resources ==
(*Working*)
--
http://groups.google.com/group/Google-Web-Toolkit-Contributors
