How to make an SVG element transparent (using SVGweb)

internet-explorer svg transparency transparent fill
Mathias picture Mathias · Nov 8, 2011 · Viewed 10.7k times · Source

In a SVG document, I want to make a <path>-element transparent. I tried <path fill="transparent />" but this gives me a black surface in ie8 (which is the default color for unknown values). I use SVGweb to display the SVG in ie8. How do I make it appear transparent in ie8?

EDIT:

According to the SVG-SPEC ( http://www.w3.org/TR/SVG/painting.html#SpecifyingPaint ), the attribute fill takes a value of type <paint>. the value currentColor does work in ie8, yet it's not supported by ff and chrome.

So I'd like to reshape my question: How do I make it appear transparent in ff, chrome and ie8 simultaneously?

Answer

Phrogz picture Phrogz · Nov 8, 2011 
fill="none"

Or you can cheat (and hurt performance) with:

fill-opacity="0"

Related questions

IE11 meta element Breaks SVG

I've embedded an SVG files data directly into my html. It shows in Chrome and Firefox, but in IE11 it doesn't show at all. The pastebin link to the SVG is http://pastebin.com/eZpLXFfD I've tried adding a META …

Read More
Emulate IE7 for IE8 but not for IE9 using "X-UA-Compatible"

I have a website depending on vector drawing, for Internet Explorer I'm using VML and for other browsers I'm using SVG. IE8 however, doesn't have support for neither without falling back to IE7-mode which has VML. Therefore I'm including &…

Read More
How do you detect support for VML or SVG in a browser

I'm writing a bit of javascript and need to choose between SVG or VML (or both, or something else, it's a weird world). Whilst I know that for now that only IE supports VML, I'd much rather detect functionality than …

Read More