enable-background属性は正確には何をしますか?


回答:


110

コンテンツを背景とブレンドするフィルター効果などのために、それが指定された要素の子要素が背景画像を利用できるようにすることになっています。他の用途もあるかもしれませんが、それは私が知っているものです。

設定していない場合、技術的には要素が祖先によって作成された背景を使用できません。

それをサポートする唯一の主要なブラウザーはIE10 +であるため、あまり使用されません。(これは、IllustratorのすべてのSVGエクスポートでボイラープレートとしても存在します-正当な理由はありません。)


3
これがcaniuse.comに掲載されていなかったときも、それほどショックを受けていませんでした。しかし、w3.orgの例がchrome / macで機能しないのは衝撃的でした。いよいよ最初になりましたので、IE 10以降をご利用ください。
QueueHammer 2014

64
そのつまり誰のは、それを実装しようとして非推奨:w3.org/TR/filter-effects/#AccessBackgroundImageイラストレーターではなく、どこにでもUAは、それが使用されることを意図していた方法でそれを使用することができないことをその手段はそれを置くことによって、それをruinied。それと、書かれたとおりに仕様を実装することはほとんど不可能であったという事実は、その終焉を確実にしました。
ロバートロングソン2014

3
IE11 / Edgeがこの機能を引き続きサポートしていることを伝えたかったのですが、Inkscapeがすべてのファイルに追加するため、ルートの<svg>要素で使用する場合、サポートを無効にする必要がありました(perfの問題)。現在のところ、他のブラウザーはまだIn1 / In2 = BackgroundImageをサポートしていませんが、IEとEdgeのみがサポートしています。
FremyCompany 2017年

「すべてのIllustrator SVGエクスポートでは、定型文としても存在します-正当な理由はありません。」-この場合、同僚がこの属性を追加するのではないかと考えていました。これはそれを説明します。
2018

12

以下のようなコメントでロバートLongsonによって指摘、属性がenable-backgroundされて2014年以来、少なくとも非推奨します

SVG 1.1はenable-backgroundプロパティを導入しました。プロパティは、<filter>要素が呼び出されたときにフィルター領域の下にバックドロップを定義しました。このプロパティによって定義された概念は、この仕様の作成時にCSSのスタッキングコンテキストのモデルと互換性がないことが確認されました。UAは、SVG 1.1で定義されているようにenable-backgroundプロパティを実装することを選択できますが、この仕様またはCSS合成およびブレンディング[W3C草案]との互換性はありません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.