Những tính năng đa trình duyệt mới nào chúng tôi có thể sử dụng nếu chúng tôi bỏ hỗ trợ cho IE6?

Công ty của tôi đang bỏ hỗ trợ IE6 và tôi chỉ nhận ra rằng chúng ta có thể sử dụng một bộ các tính năng tuyệt vời.
Có một danh sách các tính năng CSS, Javascript mà chúng ta có thể sử dụng với IE6 RIP không?

Không được hỗ trợ trong IE6 (đây không phải là danh sách đầy đủ):

• bộ chọn con (div> p)
• bộ chọn anh chị em liền kề (h1 + p)
• bộ chọn anh chị em chung (h1 ~ p)
• bộ chọn lớp xích (. class1. class2)
• bộ chọn thuộc tính (a [href])
• bộ chọn hậu duệ sau: hover pseudo-class (div: hover span)
• các lớp giả chuỗi (a: First-child: hover)
• : di chuột vào các phần tử không neo
• : con đầu lòng
• "kích thước ảo" (kích thước được xác định theo đỉnh, phải, trái, dưới khi vị trí: tuyệt đối)
• chiều cao tối thiểu, chiều rộng tối thiểu
• chiều cao tối đa, chiều rộng tối đa
• màu viền trong suốt
• vị trí: cố định
• nền-đính kèm: cố định chỉ hoạt động trên phần tử gốc

Tôi tìm thấy Khi tôi có thể sử dụng ... để trở thành một tài nguyên tốt để biết những gì có sẵn tùy thuộc vào phạm vi trình duyệt tôi muốn hỗ trợ.

Rất nhiều lỗi / hành vi của IE6 vẫn còn phổ biến trong IE7. Một số lỗi đã được sửa:

• hỗ trợ png trong suốt alpha cơ bản
• bộ chọn con css
• ! quan trọng hơn hoạt động đúng
• : hỗ trợ chữ cái đầu tiên
• chiều cao tối thiểu
• lỗi nhấp một phần
• window.XMLHttpRequest đã trở thành hiện tại, thay vì ActiveXObject
• abbr thẻ được công nhận
• select lỗi chỉ số z được giải quyết khi nó trở thành không có cửa sổ

Một số danh sách khác @:

• http://msdn.microsoft.com/en-us/l Library / ms649487 (VS85) .aspx

Thực sự không có bất kỳ tính năng mới. IE7 về cơ bản là những gì IE6 nên có, và IE8 IE7, v.v. Phiên bản duy nhất đáng để thực sự phấn khích là IE9, có một số lượng lớn hỗ trợ thông số hiện đại so với các phiên bản trước.

Điều tôi cảm thấy phấn khích nhất khi có thể sử dụng, hoặc một vài điều mà vì tôi không thể sử dụng thực sự khiến tôi khó xử với các thỏa hiệp css (và đôi khi là js) được yêu cầu (theo thứ tự):

1. bộ chọn con (thẻ> thẻ, không cần thiết lập lại kiểu UL / LI!)
2. lớp xích (class1. class2, ít js / css!)
3. con đầu lòng (không còn lớp = "cuối" hoặc đầu tiên!)
4. : di chuột lên không neo (ứng dụng web nào!)

May mắn cho bạn

Nếu bạn đã sử dụng jQuery, bạn luôn có thể tham khảo chức năng này để xem bạn có nên sử dụng một tính năng không;)

http://api.jquery.com/jQuery.support/