alfa soluzione trasparenza in IE

Question

Sto costruendo un sito web con una tonnellata di file PNG-24 che hanno sfondo trasparente. In IE 6 che ovviamente non vengono visualizzati correttamente, quindi ho bisogno di una sorta di affidabilità, buona soluzione che risolverà il problema PNG in IE e richiedono poco lavoro ed essere affidabile. Qualche buona idea?

Answer 1

Qui ci sono alcune buone correzioni png per IE6:

http://labs.unitinteractive.com/unitpngfix.php

http://www.twinhelix.com/css/iepngfix/

Answer 2

Per IE6 trasparenza seguo un flusso personale:

.

1 Se c'è solo uno o due immagini PNG (come un logo o un'immagine normale) Basta usare filter:

#selector {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='crop');}

Problemi: Se applicato ad un link, non saranno più cliccabile. Eventualmente applicarsi alla h1#logo e hanno il a essere trasparente.

.

2 Se ho un sacco di file PNG a 24 bit, o casi d'uso speciali (ripetendo sfondo, ecc), io uso DD_belatedPNG

IMPORTANTE PER IE7 + IE8: Non è possibile animare o combinare il filter:alpha (che viene utilizzato per opacity complessiva su un elemento in IE e anche utilizzato da jQuery per impostare opacity) Proprietà con 24-bit trasparente immagini PNG. Si cambia a guardare come la trasparenza 8-bit, con tutto ciò che non è al 100% opaco o trasparente prendendo su uno sfondo nero.

Answer 3

Ci sono un sacco correzioni IE PNG in rete, che in pratica tutto il lavoro con la stessa tecnica. Gli esploratori di Internet non supportano alfa PNG direttamente, ma tutti hanno un filtro che fa così. Quindi scrivere il seguente codice come parte di un css di un oggetto mette l'immagine nel src allo sfondo dell'elemento:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png');

In questo modo, si può facilmente visualizzare la trasparenza nel Internet Explorer. Tuttavia è molto più facile per ottenere solo uno degli script fix PNG (in JavaScript) e includerlo nella tua pagina all'interno di commenti condizionali. Poi lo script farà tutte le vostre immagini di funzionare automaticamente.

Answer 4

Abbiamo usato Dean Edwards' IE7 per questo. (Così chiamato prima di IE7 è venuto fuori.) E 'stato un bene per questo genere di cose.

Answer 5

Ci sono attualmente molte opzioni per ottenere questo lavoro. Lo standard è applicare un filtro DirectX attraverso i CSS per modificare rendere il PNG trasparenti in IE6. Ci sono degli script anche che verrà automaticamente fare questo quando i carichi pagina web da un IE6 o meno del cliente.

http://www.google.com/search ? btnG = 1 & pws = 0 e q = trasparente + png + ie6