Làm cách nào để bật các tính năng CSS3 trong Internet Explorer 6, 7 và 8?

Mặc dù IE9 có vẻ rất hứa hẹn, IE6, IE7 và IE8 có thể sẽ ám ảnh chúng tôi trong nhiều năm tới, làm chậm sự lây lan của CSS3 trên web.

Một số dự án dựa trên HTC và JS thêm một số hỗ trợ CSS3 vào IE:

• CSS3PIE
• IE7.js
• eCSStender
• DD_roundies
• Border-radius.htc (góc cong)
• tức là-css3.htc
• tức là-css3.js

Tôi chỉ có kinh nghiệm với CSS3PIE (thực hiện các công cụ được làm tròn trên http: //docs.compổng.net/ ) và ngoại trừ chuột trên các hiệu ứng này hoạt động tốt và là CSS3 thuần túy.

Những tính năng CSS3 nào mà các dự án khác nhau mang đến cho IE và làm thế nào tốt? Bất kỳ ai trong số họ là một người chiến thắng rõ ràng?

Vì chưa có ai bước lên nên tôi sẽ cố gắng đưa ra câu trả lời cho vấn đề này. Nó chủ yếu được tập hợp từ việc đọc http://css3pie.com/documentation/product-comparison/ và googling xung quanh. Tôi chỉ có kinh nghiệm với CSS3PIE. Nếu bạn biết bất kỳ dự án nào khác, vui lòng chỉnh sửa nó

CSS3PIE của Jason Johnston Thêm hỗ trợ tốt cho bán kính viền Css3, độ dốc, bóng hộp. Kinh nghiệm của tôi với điều này là nó hoạt động khá tốt và hỗ trợ rất tốt cho bán kính đường viền. Có vấn đề với các hiệu ứng di chuột (tôi mong muốn tất cả các mục trong danh sách này bị ảnh hưởng bởi điều này) nhưng dường như hoàn hảo khi được sử dụng trên html tĩnh. Thêm thông tin tại http://css3pie.com/

eg-css3.js của Keith Clark Thêm hỗ trợ cho rất nhiều bộ chọn lớp giả CSS3. Nó cực kỳ nhỏ vì nó phục vụ cho các thư viện js khác mà bạn đưa vào, như jQuery. Điều này có thể hoạt động tốt với các dự án khác trong danh sách này như CSS3PIE. Thông tin thêm tại http://www.keithclark.co.uk/labs/ie-css3/
CẬP NHẬT Dự án eg-css.js đã được tái sinh tại đây: http://selectivizr.com/

IE9.js của Dean Edwards Hoạt động cho IE6, 7 và 8. Tạo IE hỗ trợ PNG trong suốt, các bộ chọn CSS mới như cha mẹ> con và: loại đầu tiên, định vị cố định, hỗ trợ chiều rộng / chiều cao tối đa / tối thiểu. Đó là ấn tượng của tôi rất nhiều công việc đã đi vào điều này trong những năm qua. Một số đánh giá là thực sự tích cực, một số bác bỏ. Thêm thông tin tại http://code.google.com.vn/p/ie7-js/

ecsstender của Aaron Gustafson Hoạt động với IE6, 7 và 8. Theo cách mô đun, thêm hỗ trợ cho các bộ chọn CSS3, mặt phông chữ, bán kính đường viền, bóng hộp, màu sắc và biến đổi. Tài liệu rất tốt. Thêm thông tin tại http://ecsstender.org/extensions

DD_roundies của Drew Diller Thêm một số hỗ trợ cho bán kính đường viền và png. Thông tin thêm tại http://www.dillerdesign.com/experiment/DD_roundies/

Border-radius.htc của Remiz Rahnas Hỗ trợ rất đơn giản cho bán kính đường viền. Thêm thông tin tại http://code.google.com.vn/p/curved-corner/

eg-css3.htc của Nick Fetchak Một số hỗ trợ cho bán kính đường viền và bóng văn bản. CSS3PIE yêu cầu làm bán kính đường viền tốt hơn. Thêm thông tin tại http://www.fetchak.com/ie-css3/

Đây là một bài viết hay về CSS3 và IE6, từ Tạp chí Smashing: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-iNET-explorer/

Hãy thử Google Chrome Frame . Người dùng IE đã cài đặt nó sẽ có thể duyệt trang web của bạn trong trình kết xuất của Google Chrome mà không cần chuyển đổi trình duyệt.

EDIT: Bạn thậm chí có thể sử dụng thư viện JS do Google cung cấp để hiển thị thông báo cho người dùng mời họ cài đặt Google Chrome Frame. Đó là cài đặt chỉ bằng một cú nhấp chuột, như Flash, không yêu cầu khởi động lại trình duyệt và làm mới trang của bạn khi hoàn tất.