enable-background属性到底能做什么？

104

该enable-background属性到底能做什么？

我阅读了规范，但仍然不明白。

svg

— 里奥斯（Leos Ondra）
source

110

它应该使背景图像可用于为其指定的元素的子元素，以用于诸如将内容与背景混合的滤镜效果之类的事情。可能还有其他用途，但这就是我所知道的用途。

如果未设置，则从技术上讲，该元素不能使用祖先创建的背景。

唯一支持它的主流浏览器是IE10 +，因此并没有得到太多使用。（没有充分的理由，它也可以作为Illustrator SVG每次导出中的样板文件。）

— 迈克尔·穆兰尼
source

当caniuse.com上没有此功能时，我并不感到震惊。但是，令人震惊的是w3.org示例在chrome / mac上不起作用。最后成为IE 10+。

— QueueHammer 2014年

不推荐使用它，即没有人要实现它：w3.org/TR/filter-effects/#AccessBackgroundImage Illustrator通过将其放置在任何地方而对其进行了破坏，这意味着UA无法以预期的方式使用它。事实是，按照书面形式实施规范几乎是不可能的，这确保了规范的消亡。

— 罗伯特·朗森

只是想提到IE11 / Edge仍然支持该功能，但是由于Inkscape在每个文件上都添加了它，因此不得不在根<svg>元素上使用该功能时禁用了该功能（导致性能问题）。到今天为止，其他浏览器仍然不支持In1 / In2 = BackgroundImage，仅IE和Edge支持。

— FremyCompany '17

+1表示“没有充分的理由，它也可以作为Illustrator SVG每次导出中的样板。” -想知道在这种情况下同事是否会添加此属性；这解释了它。

— tremby

正如罗伯特·Longson在评论中指出，属性enable-background是至少从2014年起已过时。

SVG 1.1引入了enable-background属性。该属性定义了在<filter>调用元素时在过滤器区域下的背景。在编写此规范时，已确定此属性定义的概念与CSS中的堆栈上下文模型不兼容。UA可以选择实现SVG 1.1中定义的enable-background属性，但与该规范或CSS合成和混合[W3C Working Draft]不兼容。

— 三麦
source