On Mar 31, 2011, at 10:18 PM, Barney Carroll wrote:
> background-image:
> url("http://dribbble.com/images/icon-like16.png";),
> -moz-linear-gradient(center bottom , #999 14%, #CCC 57%);
> background-position:
> 0.5em 50%,
> 0 0;
> background-repeat:
> no-repeat,
> no-repeat;
>
> The icon(s) should be specified first if they are to appear above the
> gradient.
>
> Seeing as this effect doesn't work anywhere else (Opera and Chrome
> support both gradients and multiple background images, but not in
> conjunction)
Uh ?
You can do that in webkit based browsers (Safari 5.04 + at least) and Opera
11.10b.
http://dev.l-c-n.com/_temp/cssD-20110331.html
Granted, it is a bit convoluted, but it does work according to the spec. And
granted, for complex stylesheets in the example you give, it is currently not
really usable, unless you use some kind of of pre-processor.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
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/
![http://dribbble.com/images/icon-like16.png"](http://dribbble.com/images/icon-like16.png"){kind=link}