2011-11-08 11 views
6

In un documento SVG, voglio rendere un elemento trasparente <path> -elementi. Ho provato <path fill="transparent />" ma questo mi dà una superficie nera in ie8 (che è il colore predefinito per i valori sconosciuti). Io uso SVGweb per visualizzare SVG in ie8. Come faccio a renderlo trasparente in ie8?Come rendere trasparente un elemento SVG (usando SVGweb)

EDIT:

Secondo la SVG-SPEC (http://www.w3.org/TR/SVG/painting.html#SpecifyingPaint), l'attributo fill assume un valore di tipo <paint>. il valore currentColor funziona in ie8, ma non è supportato da ff e chrome.

Quindi mi piacerebbe rimodellare la mia domanda: Come faccio a renderlo trasparente in ff, chrome e ie8 contemporaneamente?

risposta

9
fill="none" 

Oppure si può imbrogliare (e compromettere le prestazioni) con:

fill-opacity="0" 
+1

bene, 'riempire = "trasparente"' non è la stessa di 'riempire = "none"' (prima è: hover -abile). 'fill-opacity =" 0 "' sta funzionando per me. – Mathias

+3

entrambi sono "hoverable" purché si utilizzi il giusto valore per "pointer-events", vedere http://www.w3.org/TR/SVG11/interact.html#PointerEventsProperty. –

Problemi correlati