How do I embed a transparent SVG object inside an HTML document?

Question

I'm using an SVG object embedded in HTML using the <object> tag. The SVG gets painted with a white background. How can I get rid of it and make the element transparent so that the HTML background shows through.

There is supposed to be a way to do this in IE with Adobe's SVG viewer using the wmode attribute. How do I do this in WebKit or Mozilla?

Answer 1

Only webkit-based browsers fail to use a transparent background for <object> elements that reference svg in my experience. See for example the upper-right corner svg on my experimental site, http://dahlström.net/. Opera and Firefox work just fine without anything special needed, just view source and see.

Answer 2

Have a look at A List Apart's article on SVG backgrounds.