Have you seen this, Tom: http://css-tricks.com/svg-fallbacks/ ?
Scroll down about 1/2 way for the `background-image` fallback; Basically
you have to fake multiple backgrounds, but it doesn't work in Android 2.3,
if that's a concern.
So:
background-image: url('image.png');
background-image: url('image.svg'), none;
There's also modernizr if you're already using that.
Chris
Chris Rockwell
On Tue, Aug 5, 2014 at 9:00 AM, Tom Livingston <tom...@gmail.com> wrote:
> List,
>
> I was having a discussion in the comments of an article about using
> svg as a background-image in CSS, and using a png as fallback. I was
> writing it like this:
>
> background-image: image.png;
> background-image: image.svg;
>
> But this fails in IE8 (and presumably in other non-svg-supporting
> browsers).
>
> My thought was that it would work like background-color does.
>
> Sample page:
> http://tomliv.com/nick-test/
>
> Just trying to learn here. Why does the cascade not work in both cases?
>
> --
>
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
