Chính xác thì thuộc tính enable-background làm gì?


Câu trả lời:


110

Nó phải cung cấp hình ảnh nền cho các phần tử con của phần tử mà nó được chỉ định cho những thứ như hiệu ứng bộ lọc kết hợp nội dung với nền. Có thể có những cách sử dụng khác, nhưng đó là cách tôi biết.

Nếu bạn chưa đặt nó, thì về mặt kỹ thuật, phần tử không thể sử dụng nền do tổ tiên tạo ra.

Trình duyệt chính duy nhất hỗ trợ nó là IE10 +, vì vậy nó không được sử dụng nhiều. (Nó cũng ở đó dưới dạng bản soạn sẵn trong mỗi lần xuất Illustrator SVG - không vì lý do chính đáng.)


3
Tôi không quá sốc khi điều này không có trên caniuse.com. Tuy nhiên, thật đáng ngạc nhiên là các ví dụ w3.org không hoạt động trên chrome / mac. Truy cập IE 10+ để trở thành người đầu tiên.
QueueHammer

64
Nó không được dùng nữa tức là không ai sẽ triển khai nó: w3.org/TR/filter-effects/#AccessBackgroundImage Illustrator thay vì hủy nó bằng cách đặt nó ở khắp mọi nơi, có nghĩa là UA không thể sử dụng nó theo cách mà nó đã được dự định sử dụng. Điều đó và thực tế là không thể thực hiện các thông số kỹ thuật như đã viết đã đảm bảo sự sụp đổ của nó.
Robert Longson

3
Chỉ muốn đề cập đến IE11 / Edge vẫn hỗ trợ tính năng này, nhưng chúng tôi đã phải tắt hỗ trợ khi được sử dụng trên phần tử <svg> gốc do Inkscape thêm nó vào mọi tệp (gây ra vấn đề về hiệu suất). Cho đến ngày nay, các trình duyệt khác vẫn chưa hỗ trợ In1 / In2 = BackgroundImage, chỉ IE và Edge là có.
FremyCompany

+1 cho "Nó cũng ở đó dưới dạng bản soạn sẵn trong mỗi lần xuất Illustrator SVG - không vì lý do chính đáng." - đã tự hỏi một đồng nghiệp sẽ thêm thuộc tính này trong trường hợp này; điều này giải thích nó.
run rẩy

12

Như ghi nhận của Robert longson trong ý kiến , thuộc tính enable-backgroundbị phản đối ít nhất kể từ năm 2014 .

SVG 1.1 đã giới thiệu thuộc tính enable-background. Thuộc tính đã xác định drop back bên dưới vùng bộ lọc tại thời điểm mà <filter>phần tử được gọi. Khái niệm được định nghĩa bởi thuộc tính này được xác định là không tương thích với mô hình của ngữ cảnh xếp chồng trong CSS tại thời điểm viết đặc tả này. UA có thể chọn triển khai thuộc tính enable-background như được định nghĩa trong SVG 1.1 nhưng sẽ không tương thích với thông số kỹ thuật này hoặc với CSS Compositing và Blending [W3C Working Draft].

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.