[PhotoShop] Opacità ad un'immagine

Ciao a tutti...

non riesco a capire perchè se do un'opacità ad un immagine e salvo in *.gif, quando provo a mettere questa immagine in un documento *.html con sfondo nero, l'immagine è normale
Cioè, come se io non abbia applicato la "trasparenza"...

Come mai? Avete qualche soluzione?

grazie
...byex!

Ciao a tutti...

non riesco a capire perchè se do un'opacità ad un immagine e salvo in *.gif, quando provo a mettere questa immagine in un documento *.html con sfondo nero, l'immagine è normale
Cioè, come se io non abbia applicato la "trasparenza"...

Come mai? Avete qualche soluzione?

grazie
...byex!

L'opacità richiede un range di colori che supera quelli massimi della .gif

L'opacità richiede un range di colori che supera quelli massimi della .gif

tradotto?

credo che tu debba salvarla in .png con sfondo trasparente naturalmente
però IE 6 nn lo visualizzerebbe correttamente

cià!

credo che tu debba salvarla in .png con sfondo trasparente naturalmente
però IE 6 nn lo visualizzerebbe correttamente

cià!

appunto per questo avevo utilizzato il formato .gif

Ma non esiste un codice css per fare qualcosa del genere? cioè rendere un immagine semi-trasparente?

dovrebbe esserci un javascript ma io nn lo ricordo

cià!

[silverseraph]

Eccotelo qui:

function fixPNG(myImage) 
{
    if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
    {
       var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	   var imgTitle = (myImage.title) ? 
		             "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
	   var imgStyle = "display:inline-block;" + myImage.style.cssText
	   var strNewHTML = "<span " + imgID + imgClass + imgTitle
                  + " style=\"" + "width:" + myImage.width 
                  + "px; height:" + myImage.height 
                  + "px;" + imgStyle + ";"
                  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	   myImage.outerHTML = strNewHTML	  
    }
}

L'immagine sarà:

<img src="immagine.png" alt="" onload="fixPNG(this)">

ciao

@ silever: broswer compatibili? io tempo fa, avevo un codice css che metteva in trasparenza tutto quello che si trovava in un div... adesso non lo trovo più

[silverseraph]

questo fa lo stesso con l'immagine, solo che agisce solo se il browser è IE 6. Daltronde, funzionerebbe solo con quello.