2013-05-12 39 views
5

Tôi đang làm việc trên trang web chủ yếu sử dụng thuộc tính background-size:cover cho nền. Tuy nhiên, tôi muốn hỗ trợ IE 7/8, tôi biết rằng tôi có thể sử dụng các nhận xét có điều kiện của IE nhưng việc kiểm tra hỗ trợ thuộc tính sẽ hữu ích hơn vì nó có thể hỗ trợ các trình duyệt cũ khác như chỉ chống lại IE.Phương pháp kiểm tra hỗ trợ kích thước nền css

Tôi có giải pháp cho vấn đề nền, nhưng tôi cần phải biết khi nào thêm nó với js tùy thuộc vào việc có hỗ trợ cho thuộc tính background-size hay không.

Câu hỏi của tôi là, phương pháp nào tốt nhất để kiểm tra css background-size thuộc tính trong trình duyệt cũ?

Tôi đã thấy một vài câu hỏi liên quan nhưng tất cả đều yêu cầu sử dụng Trình chỉnh sửa hiện đại, tôi không muốn sử dụng thư viện bổ sung trừ khi đó là tùy chọn duy nhất.

Cảm ơn.

+3

"việc kiểm tra hỗ trợ thuộc tính sẽ hữu ích hơn vì nó có thể hỗ trợ các trình duyệt cũ khác chứ không chỉ với IE" Bạn là người tuyệt vời. – BoltClock

+0

Đây là một trang web rất hữu ích mà tôi sử dụng cho tôi biết những gì hoạt động trong trình duyệt nào: http://caniuse.com/. Nó làm cho một công cụ đào tạo tuyệt vời. – Xarcell

Trả lời

7

if('backgroundSize' in document.documentElement.style) sẽ là cách dễ nhất để thực hiện.

+0

Hoàn hảo, cảm ơn – George

+0

Điều gì về tiền tố của nhà cung cấp? Tôi nghi ngờ điều này bao gồm tất cả/nhiều trường hợp – Ian

+0

@Ian Tiền tố nhà cung cấp duy nhất ở đây là '-moz-background-size', và đó chỉ là khoảng cho Firefox 3.6. Tôi không nghĩ rằng nó cần thiết ở đây. –

Các vấn đề liên quan