Share
Due mesi fa, in un suggerimento rapido sul video, ho dimostrato come utilizzare gli underscore e gli hack stellari per scegliere come target Internet Explorer 6 e 7 nei fogli di stile. Nel suggerimento rapido di oggi, faremo un ulteriore passo in avanti, introducendo un nuovo hack che si rivolge anche a IE8 e al di sotto. Va notato che questa non è una best practice e che i commenti condizionali dovrebbero essere usati invece il 98% delle volte. Detto ciò, è sempre importante sapere cosa si può fare, in più è divertente, giusto?
La chiave per il targeting di Internet Explorer 8 e di seguito, con un hack, è di aggiungere "\ 9" alla fine del tuo stile. Per esempio:
body color: red; / * tutti i browser, ovviamente * / color: green \ 9; / * IE8 e versioni precedenti * /
È importante notare che deve essere "\ 9". Sfortunatamente non è possibile sostituirlo con qualcosa sulla falsariga di "\ IE", come ho tentato di farlo. Anche "\ 8" non funzionerà; deve essere "\ 9".
Come abbiamo appreso nel suggerimento rapido di gennaio, possiamo usare il simbolo * per scegliere come target IE7 e seguenti, in questo modo:
body color: red; / * tutti i browser, ovviamente * / color: green \ 9; / * IE8 e inferiore * / * colore: giallo; / * IE7 e versioni precedenti * /
Infine, abbiamo il trucco di sottolineatura, che ormai la maggior parte dei progettisti conosce. Piuttosto che il simbolo *, usiamo il carattere di sottolineatura. Questo riguarderà solo Internet Explorer 6.
body color: red; / * tutti i browser, ovviamente * / color: green \ 9; / * IE8 e inferiore * / * colore: giallo; / * IE7 e sotto * / _colore: arancione; / * IE6 * /
Vale la pena notare che non sto promuovendo l'uso di hack nei fogli di stile in alcun modo. Al contrario, dovresti quasi sempre usare i commenti condizionali. Tuttavia, ciò non significa che non sia utile sapere che cosa puoi cavarsela tecnicamente, sia che si tratti di debugging o di mostrare ai tuoi amici!
La più grande preoccupazione è che gli hack non sono a prova di futuro, almeno non proprio. Ad esempio, cosa succede se, con il rilascio di Firefox 4, anche loro hanno riconosciuto le proprietà precedute dal * hack. Probabilmente non lo farebbero mai per motivi di compatibilità, tuttavia, se lo facessero, ciò potrebbe potenzialmente rovinare una parte del tuo layout. In definitiva, sii saggio quando usi gli hack. Se hai solo bisogno di cambiare una o due proprietà per rendere IE6 felice, allora non vedo alcun danno nell'usare il trucco di sottolineatura direttamente nel tuo foglio di stile. Il mondo non finirà. Tuttavia, se ci sono alcune modifiche, assicurati di utilizzare i commenti condizionali!
Grazie per aver letto e guardato!
Accentsconagua