Esiste una correzione PNG JavaScript per IE6 che consente il posizionamento in background CSS?

Question

Ho visto alcune correzioni per consentire alle immagini PNG di avere trasparenza in Internet Explorer 6, ma devo ancora trovarne una che permetta anche di impostare la posizione dello sfondo nei CSS.Se usi gli sprite, è un rompicapo.Ho fatto ricorso alle GIF (che non sono di alta qualità), non ho utilizzato affatto immagini trasparenti o ho fornito un foglio di stile completamente diverso a IE6.Esiste una correzione per IE6 che consente le trasparenze PNG E il posizionamento dello sfondo?

Answer 1

SÌ.Converti le tue immagini per utilizzare pallet indicizzati (png256).Puoi supportare la trasparenza (proprio come gif), ma non un canale alfa.

Puoi farlo usando Irfanview e il plugin pngout, pngquant O pngnq.

Anche il team delle prestazioni YUI ha fatto a ottima presentazione che copre questo e molti altri concetti di ottimizzazione delle immagini.

Answer 2

Questo è una nuova tecnica che è apparsa nell'ultimo mese circa.Dalla pagina:

In questo script sono supportati i tag immagine, sia con che senza GIF spaziatore vuoto, e i PNG dell'immagine di sfondo possono essere posizionati, oltre che ripetuti, anche se sono più piccoli dell'elemento di contenuto in cui si trovano.

Answer 3

Quando lo sfondo è statico utilizzo TweakPNG per modificare il blocco Colore di sfondo nel PNG con il colore corretto (invece del colore grigio predefinito).Qualsiasi browser normale lo ignorerà perché il canale alfa lo prevale, ma IE6 e versioni precedenti utilizzeranno quel colore invece del canale alfa.

Ciò significa che abbiamo trasparenza in IE7+ mentre degradamo bene in IE6 e versioni precedenti.E tutti i posizionamenti e le ripetizioni CSS sono possibili (perché non ci sono hack!).

Answer 4

DD_belatedPNG.js funziona molto bene

Answer 5

Puoi effettivamente utilizzare CSS puro per ottenere immagini di sfondo posizionate con trasparenza alfa in IE6 sfruttando i filtri alfa di IE6 e il CSS clip proprietà.Julien Lecomte descrive la tecnica sul suo blog.

Tieni presente che questa tecnica comporta un calo delle prestazioni per ogni utilizzo di un filtro alfa.

Answer 6

IE PNG Correzione v2.0 ha il supporto per la versione alpha+ completaposition/repeat.