Hey Tom, just a heads up that you need to include the 2nd argument in background-image:, otherwise it won't fallback.
Chris On Aug 5, 2014 8:45 PM, "Tom Livingston" <tom...@gmail.com> wrote: > On Tuesday, August 5, 2014, Karl DeSaulniers <k...@designdrumm.com> wrote: > > > On Aug 5, 2014, at 6:15 PM, Philippe Wittenbergh <e...@l-c-n.com > > <javascript:;>> wrote: > > > > > > > > Le 6 août 2014 à 06:40, Karl DeSaulniers <k...@designdrumm.com > > <javascript:;>> a écrit : > > > > > >> urn your svg image into a base64 and load the image data as content: > > "". Wouldn't that work? > > > > > > No, that wouldn't work any differently. A browser that doesn't support > > SVG will see an invalid / unrecognised image format as content of the > > background-image: url(); It will apply the rule (valid, recognised > syntax) > > but can't display the image. Because it recognises the syntax, it will > not > > fall back to the previous rule that references the .PNG image. > > > > > > Philippe > > > -- > > > Philippe Wittenbergh > > > http://l-c-n.com/ > > > > > > > Ah yes, I guess you are right. > > Hope you all don't mind, but I would say this is a javascript solution. > > Check the browser for svg support and load the one you want. > > Done. > > > > > > > > > Actually, now that I see the difference between this and rgba with rgb > fallback, I see the best non-script solution is: > > Background: url(image.png); > background-image: url(image.svg); > > See here: > http://callmenick.com/2014/04/02/svg-fallback-with-png/ > > > -- > > 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/
