They do work the same.  You're not giving it a declaration it doesn't
understand ( like rgba(), therefore causing a fallback ), it perfectly
understands url(), it just can't render the resource you're giving it.

Chris Rockwell


On Tue, Aug 5, 2014 at 9:17 AM, Tom Livingston <tom...@gmail.com> wrote:

> I've seen that and others. I'm looking for why. Why don't they work the
> same.
>
>
> On Tuesday, August 5, 2014, Chris Rockwell <ch...@chrisrockwell.com>
> wrote:
>
>> 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/
>>>
>>
>>
>
> --
>
> 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/

Reply via email to