Quali nuove funzionalità cross-browser possiamo usare se abbandoniamo il supporto per IE6?

La mia azienda sta abbandonando il supporto di IE6 e mi rendo conto che possiamo usare una serie di fantastiche funzionalità.
Esiste un elenco di funzioni CSS, Javascript che possiamo utilizzare con IE6 RIP?

Non supportato in IE6 (questo non è un elenco completo):

• selettore figlio (div> p)
• selettore di fratelli adiacenti (h1 + p)
• selettore di pari livello generale (h1 ~ p)
• selettori di classe concatenati (.class1.class2)
• selettore di attributi (a [href])
• selettore discendente dopo: hover pseudo-class (div: hover span)
• pseudo-classi incatenate (a: first-child: hover)
• : passa con il mouse su elementi non di ancoraggio
• :Primogenito
• "dimensioni virtuali" (dimensioni determinate da in alto, a destra, a sinistra, in basso quando posizione: assoluta)
• altezza minima, larghezza minima
• altezza massima, larghezza massima
• colore del bordo trasparente
• posizione: fissa
• background-attach: fixed funziona solo sull'elemento root

Trovo quando posso usare ... essere una buona risorsa per sapere cosa è disponibile in base agli intervalli di browser che desidero supportare.

Molti bug / comportamenti di IE6 sono ancora prevalenti in IE7. Alcuni bug che sono stati corretti:

• supporto PNG di base trasparente alfa
• selettore figlio CSS
• ! important funziona meglio
• : supporto di prima lettera
• min-height
• bug clic parziale
• window.XMLHttpRequest è diventato presente, anziché ActiveXObject
• abbr il tag è riconosciuto
• select Il bug z-index è stato risolto in quanto è diventato senza finestre

Alcuni più elencati @:

• http://msdn.microsoft.com/en-us/library/ms649487(VS.85).aspx

Non ci sono davvero nuove funzionalità. IE7 è fondamentalmente quello che IE6 avrebbe dovuto essere, e IE8 IE7 e così via. L'unica versione che merita davvero di essere eccitata è IE9, che offre un'enorme quantità di supporto alle specifiche moderne rispetto alle versioni precedenti.

Quello che sono più entusiasta di poter usare, o alcune cose che da quando non posso usare mi rendono davvero nervoso ai compromessi css (e talvolta js) che sono richiesti (in ordine):

1. selettore figlio (tag> tag, non più reimpostazione degli stili UL / LI!)
2. concatenamento di classe (class1.class2, meno js / css!)
3. first-child (no more class = "last" o first!)
4. : passa con il mouse su non ancore (che app Web!)

Fortunato!

Se stai già utilizzando jQuery puoi sempre consultare questa funzione per vedere se dovresti usare una funzione;)

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