Tôi vẫn phải sử dụng tất cả năm tiền tố của nhà cung cấp cho thuộc tính hộp bóng CSS?

Question

Khi tuyên bố nói box-shadow hoặc text-shadow hoặc gradient cho vấn đề đó, bạn vẫn cần tất cả tiền tố?

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-o-box-shadow: inset 0 0 1px 1px #e3e3e3; 
box-shadow: inset 0 0 1px 1px #e3e3e3; 

Tôi hiểu những chính:

-webkit- 
-moz- 
box-shadow 

Nhưng với sự phát triển của trình duyệt, tôi đang cố gắng tạo được một cái nhìn cập nhật trên cho dù đó là cần thiết để sử dụng 5 tiền tố tại thời điểm này?

Suy nghĩ, nhận xét?

Answer 1

caniuse.com có ​​a good table hiển thị trình duyệt nào yêu cầu tiền tố và không hỗ trợ box-shadow.

(phiên bản đòi hỏi phải có một tiền tố có mà tiền tố bên dưới số phiên bản, như trong hình dưới đây.)

Cho dù bạn cần phải sử dụng các tiền tố cho bất cứ điều gì trang web mà bạn đang xây dựng phụ thuộc vào trình duyệt nào thực sự được sử dụng bởi đối tượng hiện tại/dự định của trang web.

Answer 2

Có thể Prefix free sẽ giúp ích.

Nó sẽ thêm các tiền tố được yêu cầu cho mỗi trình duyệt.

Answer 3

Với sự cải tiến liên tục của trình duyệt, nó đã trở nên khó để xác định liệu có thể thả tiền tố của nhà cung cấp của một số bổ sung CSS3 nhất định hay không. Bởi vì CSS3 là "modular-ized" và trải qua những thay đổi chậm cả về cú pháp và hỗ trợ trình duyệt - có lẽ tốt nhất nên gắn bó với các tiền tố của nhà cung cấp cho đến khi tất cả các quirks đã được chọn lọc bởi W3C và các trình duyệt. Như đã nêu ở trên, bạn luôn có thể xem các trình duyệt cụ thể hoặc các trang web trợ giúp để biết thông tin về hỗ trợ trình duyệt cũ.