Crei il sito perfetto in Photoshop utilizzando le ultime tendenze. La metà dei tuoi sfondi contiene una bella opacità del 50% per simulare la profondità. L'unico problema viene da quel dannato vecchio IE6, e da come decide di mostrare un brutto sfondo grigio. Cerchi di cercare sul Web una soluzione, ma ci sono dozzine di scelte. Come fai a sapere quali sono i metodi migliori?
In oggi screencast, Ti mostrerò cinque modi semplici per affrontare questo problema.
Correzione unità PNG
Dove lo scarico? : QUI
Problemi? : Non affianca correttamente le immagini di sfondo trasparenti. Invece, allungherà la tua immagine. Non è un problema enorme, ma attenzione. A parte questa stranezza, questo metodo funziona perfettamente. Mi trovo a usarlo più degli altri.
DD_BelatedPNG Fix
Dove lo scarico? : QUI
Problemi? : Nulla che valga la pena di notare. Ogni correzione ha qualche stranezza, ma questa nuova correzione potrebbe rivelarsi la migliore finora.
Correzione IE7.js
Dove lo scarico? : QUI
Problemi? : Scoprirai che questo file è più grande degli altri. Questo perché fissare i problemi di trasparenza è solo una parte di ciò che fa! Porta inoltre molte altre carenze di IE6 agli standard moderni. Tienilo a mente quando scegli. Se vuoi solo mostrare trasparenza, questa potrebbe non essere la scelta migliore.
Twin Helix Fix (di Angus Turnbull)
Dove lo scarico? : QUI
Problemi? : Angus ha aggiornato questo file negli ultimi sei mesi; Ora implementa correttamente la ripetizione / posizione in background! Piuttosto che fare riferimento a un file Javascript, questa correzione richiede l'uso della proprietà CSS "behavior".
Non aggiustarlo! Fare una dichiarazione!
Alcune persone potrebbero preferire ignorare IE6 tutti insieme - come un modo per fare una dichiarazione. Lascio a te il compito di usare il tuo giudizio. Tuttavia, la tua decisione dovrebbe riflettere il tuo pubblico. Se si desidera mostrare un avviso agli utenti IE6, è possibile utilizzare il metodo browser () di jQuery per rilevare IE6.
if ($ .browser.msie && $ .browser.version == 6.0) alert ("Aggiorna il tuo browser, grande manichino!); else document.write ('questo è solo per i test. Rimuovi il" else " dichiarazione. ');
Iscriviti al feed RSS di NETTUTS per ulteriori tuts e articoli di sviluppo web giornalieri.
Share
Accentsconagua
