แอตทริบิวต์ enable-background ทำอะไรกันแน่?


106

อะไรกันแน่ที่ไม่enable-backgroundแอตทริบิวต์ทำอย่างไร

ฉันอ่านสเปคแล้วแต่ยังไม่เข้าใจ

คำตอบ:


112

ควรทำให้ภาพพื้นหลังพร้อมใช้งานสำหรับองค์ประกอบลูกขององค์ประกอบที่ระบุไว้สำหรับสิ่งต่างๆเช่นเอฟเฟ็กต์ฟิลเตอร์ที่ผสมผสานเนื้อหากับพื้นหลัง อาจมีประโยชน์อื่น ๆ แต่นั่นคือสิ่งที่ฉันรู้

หากคุณไม่ได้ตั้งค่าไว้ในทางเทคนิคองค์ประกอบจะไม่สามารถใช้พื้นหลังที่บรรพบุรุษสร้างขึ้นได้

เบราว์เซอร์หลักเพียงตัวเดียวที่รองรับ (เคย) คือ IE10 / 11 ดังนั้นจึงไม่ได้รับการใช้งานมากนัก (นอกจากนี้ยังมีเป็นแบบสำเร็จรูปในทุกการส่งออกของ Illustrator SVG - ไม่มีเหตุผลที่ดี)

(เบราว์เซอร์หลักทั้งหมดเลิกใช้แล้วตั้งแต่ปี 2014)


3
ฉันไม่ตกใจมากเกินไปเมื่อสิ่งนี้ไม่มีใน caniuse.com อย่างไรก็ตามเป็นเรื่องน่าตกใจที่ตัวอย่าง w3.org ใช้ไม่ได้กับ chrome / mac ไปที่ IE 10+ เพื่อเป็นที่หนึ่งในที่สุด
QueueHammer

64
เลิกใช้แล้วนั่นคือไม่มีใครจะนำไปใช้: w3.org/TR/filter-effects/#AccessBackgroundImage Illustrator ค่อนข้างทำลายมันโดยวางไว้ทุกที่ซึ่งหมายความว่า UA ไม่สามารถใช้งานได้ตามที่ตั้งใจจะใช้ นั่นและความจริงที่ว่ามันเป็นไปไม่ได้เลยที่จะใช้ข้อมูลจำเพาะตามที่เขียนไว้รับรองการตายของมัน
Robert Longson

3
แค่อยากจะพูดถึง IE11 / Edge ยังคงรองรับคุณลักษณะนี้ แต่เราต้องปิดการใช้งานการสนับสนุนเมื่อใช้กับองค์ประกอบรูท <svg> เนื่องจาก Inkscape เพิ่มในทุกไฟล์ (ทำให้เกิดปัญหาในการใช้งาน) ณ วันนี้เบราว์เซอร์อื่น ๆ ยังไม่รองรับ In1 / In2 = BackgroundImage แต่มีเพียง IE และ Edge เท่านั้น
FremyCompany

+1 สำหรับ "นอกจากนี้ยังมีเป็นแบบสำเร็จรูปในทุกการส่งออกของ Illustrator SVG ด้วยเหตุผลที่ไม่ดี" - สงสัยว่าเพื่อนร่วมงานจะเพิ่มแอตทริบิวต์นี้ในกรณีนี้ สิ่งนี้อธิบายได้
tremby

12

ในฐานะที่ระบุไว้โดยโรเบิร์ต Longson ในความคิดเห็นแอตทริบิวต์enable-backgroundจะเลิกอย่างน้อยก็ตั้งแต่ 2014

SVG 1.1 แนะนำคุณสมบัติเปิดใช้งานพื้นหลัง คุณสมบัติกำหนดแบ็คดร็อปภายใต้ขอบเขตตัวกรองในเวลาที่<filter>เรียกใช้องค์ประกอบ แนวคิดที่กำหนดโดยคุณสมบัตินี้ถูกระบุว่าเข้ากันไม่ได้กับโมเดลของบริบทการซ้อนใน CSS ในขณะที่เขียนข้อกำหนดนี้ UAs สามารถเลือกที่จะใช้คุณสมบัติ enable-background ตามที่กำหนดไว้ใน SVG 1.1 แต่จะเข้ากันไม่ได้กับข้อกำหนดนี้หรือกับ CSS Compositing and Blending [W3C Working Draft]

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.