enable-background 속성은 정확히 무엇을합니까?

105

enable-background속성은 정확히 무엇을 합니까?

사양을 읽었 지만 여전히 이해가되지 않습니다.

svg

— 레오 온 드라
소스

110

콘텐츠를 배경과 혼합하는 필터 효과와 같은 것에 대해 지정된 요소의 자식 요소에서 배경 이미지를 사용할 수 있도록해야합니다. 다른 용도가있을 수 있지만 그게 제가 아는 것입니다.

설정하지 않은 경우 기술적으로 요소는 조상이 만든 배경을 사용할 수 없습니다.

이를 지원하는 유일한 주요 브라우저는 IE10 +이므로 많이 사용되지 않습니다. (당연한 이유없이 모든 Illustrator SVG 내보내기에 상용구로도 있습니다.)

— 마이클 멀 라니
소스

이것이 caniuse.com에 없었을 때 나는 너무 충격적이지 않았습니다. 그러나 w3.org 예제가 chrome / mac에서 작동하지 않는다는 것은 충격적이었습니다. 드디어 첫 번째가 되려면 IE 10 이상으로 이동하십시오.

— QueueHammer 2014 년

더 이상 사용되지 않습니다. 즉, 아무도 그것을 구현하지 않을 것입니다 : w3.org/TR/filter-effects/#AccessBackgroundImage 일러스트 레이터는 UA가 의도 한 방식으로 사용할 수 없다는 것을 의미하는 모든 곳에 배치하여 오히려 그것을 망쳤습니다. 그것과 서면으로 사양을 구현하는 것이 거의 불가능하다는 사실은 그 종말을 보장했습니다.

— Robert Longson 2014 년

IE11 / Edge가 여전히이 기능을 지원한다고 말하고 싶었지만, Inkscape가 모든 파일에 추가 (성능 문제 발생)하기 때문에 루트 <svg> 요소에서 사용할 때 지원을 비활성화해야했습니다. 현재까지 다른 브라우저는 여전히 In1 / In2 = BackgroundImage를 지원하지 않지만 IE와 Edge 만 지원합니다.

— FremyCompany

+1 "당연한 이유없이 모든 Illustrator SVG 내보내기에 상용구로도 있습니다." -이 경우 동료가이 속성을 추가할지 궁금합니다. 이것은 그것을 설명합니다.

— tremby

으로 의견 로버트 Longson에 의해 지적 , 속성이 enable-background되어 2014 년부터 적어도되지 않습니다 .

SVG 1.1은 배경 활성화 속성을 도입했습니다. 속성은 <filter>요소가 호출 될 때 필터 영역 아래에 백 드롭을 정의했습니다 . 이 속성에 의해 정의 된 개념은이 사양을 작성할 당시 CSS의 스택 컨텍스트 모델과 호환되지 않는 것으로 확인되었습니다. UA는 SVG 1.1에 정의 된대로 enable-background 속성을 구현하도록 선택할 수 있지만이 사양이나 CSS 합성 및 혼합 [W3C Working Draft]과 호환되지 않습니다.

— 산 마이
소스