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/
