6

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?

Phrogz
  • 296,393
  • 112
  • 651
  • 745
Mathias
  • 334
  • 3
  • 5
  • 22

1 Answers1

10
fill="none"

Or you can cheat (and hurt performance) with:

fill-opacity="0"
Phrogz
  • 296,393
  • 112
  • 651
  • 745
  • 1
    well, `fill="transparent"` is not the same as `fill="none"` (first is :hover-able). `fill-opacity="0"` is working for me. – Mathias Nov 08 '11 at 18:47
  • 3
    both are "hoverable" as long as you use the right value for 'pointer-events', see http://www.w3.org/TR/SVG11/interact.html#PointerEventsProperty. – Erik Dahlström Nov 10 '11 at 12:50