Che cosa fa esattamente l'attributo enable-background?

105

Cosa fa esattamente l' enable-backgroundattributo?

Ho letto le specifiche ma ancora non le capisco.

svg

— Leo Ondra
fonte

110

Si suppone che l'immagine di sfondo sia disponibile per gli elementi figli dell'elemento su cui è specificato per cose come gli effetti filtro che fondono il contenuto con lo sfondo. Potrebbero esserci altri usi, ma è quello che conosco.

Se non lo hai impostato, tecnicamente l'elemento non può utilizzare sfondi creati dagli antenati.

L'unico browser principale che lo supporta è IE10 +, quindi non viene utilizzato molto. (È anche presente come boilerplate in ogni esportazione SVG di Illustrator, senza una buona ragione.)

— Michael Mullany
fonte

Non sono rimasto troppo scioccato quando questo non era su caniuse.com. Tuttavia è stato scioccante che gli esempi di w3.org non funzionassero su chrome / mac. Vai a IE 10+ per essere finalmente il primo.

— QueueHammer

È deprecato, cioè nessuno lo implementerà: w3.org/TR/filter-effects/#AccessBackgroundImage Illustrator lo ha piuttosto rovinato mettendolo ovunque, il che significa che un UA non può usarlo nel modo in cui doveva essere usato. Questo e il fatto che fosse praticamente impossibile implementare le specifiche come scritte ne hanno assicurato la fine.

— Robert Longson

Volevo solo menzionare che IE11 / Edge supporta ancora la funzione, ma abbiamo dovuto disabilitare il supporto quando utilizzato sull'elemento <svg> di root a causa di Inkscape che lo aggiungeva su ogni file (causando problemi di perf). Ad oggi, altri browser non supportano ancora In1 / In2 = BackgroundImage, solo IE ed Edge lo fanno.

— FremyCompany

+1 per "È anche presente come boilerplate in ogni esportazione SVG di Illustrator, senza una buona ragione." - si chiedeva che un collega avrebbe aggiunto questo attributo in questo caso; questo lo spiega.

— tremby

Come notato da Robert Longson nei commenti , l'attributo enable-backgroundè deprecato almeno dal 2014 .

SVG 1.1 ha introdotto la proprietà enable-background. La proprietà ha definito il back drop sotto la regione del filtro nel momento in cui l' <filter>elemento è stato richiamato. Il concetto definito da questa proprietà è stato identificato come incompatibile con il modello di contesto di stacking nei CSS al momento della stesura di questa specifica. Gli UA possono scegliere di implementare la proprietà enable-background come definita in SVG 1.1 ma non sarà compatibile con questa specifica o con CSS Compositing and Blending [W3C Working Draft].

— sanmai
fonte