Cómo hacer transparente un elemento SVG (usando SVGweb)

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?


According to the SVG-SPEC ( http://www.w3.org/TR/SVG/painting.html#SpecifyingPaint ), the attribute fill toma un valor de tipo <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?

preguntado el 08 de noviembre de 11 a las 17:11

1 Respuestas


Or you can cheat (and hurt performance) with:


respondido 08 nov., 11:22

así, fill="transparent" no es lo mismo que fill="none" (first is :hover-able). fill-opacity="0" is working for me. - Mathias

both are "hoverable" as long as you use the right value for 'pointer-events', see w3.org/TR/SVG11/interact.html#PointerEventsProperty. - Erik Dahlström

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.