.SVG Browser Support

Question

I\'m working on a responsive design and I\'m thinking of creating navigation icons as .svg files. What is current browser support like and is there a workaround/plugin for o

Answer 1

You could as well use SVGs in general for all images. That way you'd cover all retina stuff on iDevices. Other devices will follow sooner or later.

For browsers that do not support svg, you could give the body a class of 'no-svg'.

In your css just add a '.no-svg .yourimageclass' and place a png instead.(override it)

Boilerplate HTML5 gives you that no-svg class already by default with some javascript magic. (e.g. for IE8)