O que exatamente o atributo enable-background faz?

105

O que exatamente o enable-backgroundatributo faz?

Eu li a especificação, mas ainda não entendi.

svg

— Leos Ondra
fonte

110

Ele deve disponibilizar a imagem de plano de fundo para os elementos filho do elemento em que está especificado para coisas como efeitos de filtro que mesclam o conteúdo com o plano de fundo. Pode haver outros usos, mas esse é o que eu conheço.

Se você não o definiu, então, tecnicamente, o elemento não pode usar planos de fundo criados por ancestrais.

O único navegador importante que o suporta é o IE10 +, por isso não é muito usado. (Ele também está lá como padrão em todas as exportações de SVG do Illustrator - sem nenhum motivo.)

— Michael Mullany
fonte

Não fiquei muito chocado quando não foi no caniuse.com. No entanto, foi chocante que os exemplos w3.org não funcionassem no Chrome / Mac. Vá para o IE 10+ para finalmente ser o primeiro.

— QueueHammer

Ele está obsoleto, ou seja, ninguém vai implementá-lo: w3.org/TR/filter-effects/#AccessBackgroundImage O Illustrator em vez disso o arruinou ao colocá-lo em todos os lugares, o que significa que um UA não pode usá-lo da maneira como foi planejado. Isso e o fato de que era praticamente impossível implementar a especificação da forma como estava escrita garantiram seu fim.

— Robert Longson

Só queria mencionar que o IE11 / Edge ainda suporta o recurso, mas tivemos que desabilitar o suporte quando usado no elemento raiz <svg> devido ao Inkscape adicioná-lo em todos os arquivos (causando problemas de desempenho). A partir de hoje, outros navegadores ainda não suportam In1 / In2 = BackgroundImage, apenas IE e Edge o fazem.

— FremyCompany

+1 para "Ele também está lá como padrão em todas as exportações de SVG do Illustrator - sem um bom motivo." - gostaria de saber que um colega adicionaria este atributo neste caso; isso explica tudo.

— trêmulo de

Conforme observado por Robert Longson nos comentários , o uso do atributo enable-backgroundestá suspenso pelo menos desde 2014 .

O SVG 1.1 introduziu a propriedade enable-background. A propriedade definiu o retrocesso sob a região do filtro no momento em que o <filter>elemento foi chamado. O conceito definido por esta propriedade foi identificado como incompatível com o modelo de contexto de empilhamento em CSS no momento da redação desta especificação. Os UAs podem escolher implementar a propriedade enable-background conforme definido no SVG 1.1, mas não serão compatíveis com esta especificação ou com a composição e combinação CSS [W3C Working Draft].

— sanmai
fonte