- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- Trasparenza png su IE6
-
Trasparenza png su IE6
Devo inserire un'immagine in formato png, di forma ovale, con sfondo trasparente, in una pagina web. Il risultato è buono su tutti i browser, tranne Internet Explorer 6, nel senso che mi viene mostrato lo sfondo dell'immagine in bianco. Cercando nei motori di ricerca ho trovato un attributo dei fogli di stile, applicabile sia mediante javascript che direttamente CSS che dovrebbe servire per rendere trasparente lo sfondo su questo browser: filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader.
Alla fine questo mi rende trasparente (e quindi invisibile) tutta l'immagine e non solo lo sfondo. Avete qualche idea?
-
no, IE 6 non supporta le trasparenze per le PNG....
-
In modo nativo non le supporta, però con delle tecniche di hack è possibile crearle:
http://webdesign.html.it/articoli/leggi/326/usare-il-formato-png-su-internet-explorer/1/Il problema è che io ho provato con tutte le tecniche illustrate, ma su IE6 mi rende completamente trasparente tutta l'immagine, non solo la parte trasparente di essa... Ho verificato che l'immagine c'è (avendo provato ad applicare un bordo), ma è completamente trasparente, per cui non si vede. Sugli altri browser funziona alla perfezione.
-
Il problema è che io ho provato con tutte le tecniche illustrate, ma su IE6 mi rende completamente trasparente tutta l'immagine
e infatti l'unica possibilità che hai è manipolare il livello di trasparenza dell'intera immagine ( sfondo + immagine in primo piano )....giocando con i colori dell'immagine ad un certo punto dovresti riuscire ad ottenere che lo sfondo della PNG si avvicina al colore di sfondo della pagina e quindi si confonde con quest'ultimo, mentre l'immagine in primo piano della PNG anche se resa in parte trasparente riesce comunque ad essere sufficientemente visibile
in pratica usando le proprietà del DOM fornito da IE non puoi manipolare lo sfondo della PNG, ma solo rendere più o meno trasparente l'intera immagine...
-
Ciao claudiog74 e benvenuto
Quoto paolino. L'unico modo è quello che ti ha descritto.
In alternativa invece di utilizzare .png potresti usare il formato .gif stando però attento ad impostare un giusto alone che si unisca allo sfondo sopra il quale andrà messa, altrimenti rischi i bordi frastagliati.
-
Allora non c'è proprio niente da fare
Grazie comunque delle risposte, vedrò di provare con le alternative che mi avete detto.
-
Qua sono indicate un altro po' di soluzioni...
tinyurl . com / 5wme8d
ciao!
-
Ho già risolto in un altro modo (usando un filmato Flash), comunque buono per un'altra volta. Grazie
-
Non funziona perchè usi un png-24 ! usa un png-8 e vedrai che funziona ! avevo il tuo stesso problema e mi ero impallato cercando png-fix.... tutti script (che non servivano)
-
@gemedj89 said:
Non funziona perchè usi un png-24 ! usa un png-8 e vedrai che funziona !
Ma l'aspetto di png-8 è praticamente quello che posso ottenere con un gif. Quando uso il png è perché ho bisogno di qualcosa con sfondo trasparente meno scalettato del gif e con il png-8 non vedo miglioramenti.
-
Ciao ragazzi, le differenza tra png8 e png24 non sono banali e tengono contono della multitrasparenza. Ognuno dei due formati è adatto a situazioni diverse.
Ecco una lettura utile al riguardo:
http://hotwaterdesign.wordpress.com/2007/09/20/formato-png-differenze-tra-png-8-e-png-24/