¿Qué hace exactamente el atributo enable-background?

104

¿Qué hace exactamente el enable-backgroundatributo?

Leí la especificación pero aún no la entiendo.

svg

— Leos Ondra
fuente

110

Se supone que debe hacer que la imagen de fondo esté disponible para los elementos secundarios del elemento en el que se especifica para cosas como efectos de filtro que combinan el contenido con el fondo. Puede haber otros usos, pero ese es el que yo conozco.

Si no lo tiene configurado, entonces técnicamente el elemento no puede usar fondos creados por ancestros.

El único navegador importante que lo admite es IE10 +, por lo que no se usa mucho. (También está ahí como texto estándar en cada exportación de Illustrator SVG, sin una buena razón).

— Michael Mullany
fuente

No me sorprendió demasiado cuando esto fue no en caniuse.com. Sin embargo, fue impactante que los ejemplos de w3.org no funcionaran en Chrome / Mac. Vaya IE 10+ para finalmente ser el primero.

— QueueHammer

Está en desuso, es decir, nadie lo va a implementar: w3.org/TR/filter-effects/#AccessBackgroundImage Illustrator lo arruinó colocándolo en todas partes, lo que significa que un UA no puede usarlo de la forma en que estaba destinado. Eso y el hecho de que era prácticamente imposible implementar la especificación tal como estaba escrita aseguró su desaparición.

— Robert Longson

Solo quería mencionar que IE11 / Edge aún admite la función, pero tuvimos que deshabilitar el soporte cuando se usó en el elemento raíz <svg> debido a que Inkscape lo agregó en cada archivo (lo que causó problemas de rendimiento). Sin embargo, a día de hoy, otros navegadores aún no son compatibles con In1 / In2 = BackgroundImage, solo IE y Edge lo hacen.

— FremyCompany

+1 para "También está ahí como modelo estándar en todas las exportaciones de Illustrator SVG, sin una buena razón". - se preguntaba si un colega agregaría este atributo en este caso; esto lo explica.

— temblor

Como señaló Robert Longson en los comentarios , el atributo enable-backgroundestá en desuso al menos desde 2014 .

SVG 1.1 introdujo la propiedad enable-background. La propiedad definió el fondo de la región del filtro en el momento en que <filter>se invocó el elemento. El concepto definido por esta propiedad se identificó como incompatible con el modelo de contexto de apilamiento en CSS en el momento de redactar esta especificación. Los UA pueden optar por implementar la propiedad enable-background como se define en SVG 1.1, pero no será compatible con esta especificación ni con la composición y combinación de CSS [Borrador de trabajo del W3C].

— sanmai
fuente