Printable View
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 :shock:
Cioè, come se io non abbia applicato la "trasparenza"...
Come mai? Avete qualche soluzione?
grazie
...byex! :wink:
L'opacità richiede un range di colori che supera quelli massimi della .gif :=):Citazione:
Originalmente inviato da TurkoSoft
tradotto? :lol:Citazione:
Originalmente inviato da skedo
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 :|Citazione:
Originalmente inviato da sitoutileweb
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à!
Eccotelo qui:
L'immagine sarà:Codice HTML: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
}
}
ciaoCodice HTML:<img src="immagine.png" alt="" onload="fixPNG(this)">
@ 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ù :roll:
questo fa lo stesso con l'immagine, solo che agisce solo se il browser è IE 6. Daltronde, funzionerebbe solo con quello.