On 9/26/11 12:49 PM, Elli Vizcaino wrote:
I usually have a "standard" sprite which contains icons that never
repeat. A "horizontal" sprite which contains all of my
button/ribbon treatments as we use sliding door method a great
deal. And on occasion I also have a "vertical" sprite which
contained elements that repeat vertically such as shadow edges
where the required browser support didn't let me get away with
using CSS3 drop shadows.
[...]

Thanks Elizabeth! Guess there are quite a few factors to consider.
Seems like I'll have to determine the best approach to use after
some experimentation.


Yes. One consideration is the technique you use to add sprite images. My
favorite technique for most - not all - is to add them using :before or
:after content, and to position the pseudo-element absolutely.

[...]

David would mind sharing some links to the various techniques you have/there 
are for implementing sprites? Or point to some resources? As a developer who 
believes in a  progressive web I no longer support IE6 nor do I target anything 
lower than 3.6 in FF so those are two less browsers to worry about.


  Elli Vizcaino

This article was the source of my information:

<http://coding.smashingmagazine.com/2011/03/19/styling-elements-with-glyphs-sprites-and-pseudo-elements/>

(If that link breaks, try http://goo.gl/aSyxW )
--
Cordially,
David
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to