PNG Transparenz online

[bennyxy]

hi, habe auf meiner Website ein PNG Bild, mit Transparentem Hintergrund...
wenn man die Page mit Firefox öffnet, erscheint das Logo auch Transparent,
bei IE6 aber nicht ?! Wieso
Hier die Seite: http://www.kupsa.at

Danke grüße Benny

 

[MCoder]

Der IE kann's leider nicht. Mit etwas mehr Aufwand bekommt man es allerdings auch hin. Die Lösung funktioniert für alle Browser:

<span style="height:1px; width:1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<bilddatei>',sizingMethod='image');">
    <img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="<bilddatei>">
</span>

<bilddatei> ist durch den Namen der PNG-Datei zu ersetzen.

Gruß
MCoder

 

[bennyxy]

Iss ja krass. :suspekt:
Ich sags IE *kotz*
Danke dir...

______________________

Und wie behebe ich das Problem bei nem Rollover bild ?!
http://www.kupsa.at/magicflynew/html/index.html
unten Rechts im Bereich "other" befinden sich 3 Rollover bilder da iss das gleiche Problem...
Wie muss ich den diesen HTML Code umschreiben das es passt ?

<a onmouseover="changeImages('book','images/book2.png');return true" onmouseout="changeImages('book','images/book.png');return true" href="book.html" target="_self"><img id="book" src="images/book.png" alt="" name="book" height="34" width="40" border="0"></a>

 

[versuch13]

http://www.tutorials.de/forum/javascript/240668-png-transparenz-im-ie.html



Gruß

 

[MCoder]

Und wie behebe ich das Problem bei nem Rollover bild ?!

Dann müsstest du wahrscheinlich den Rollover mittels CSS realisieren, dort lassen sich die von mir geposteten style-Codes sicherlich einbauen. Allerdings wirst du dann wohl eine Browserweiche brauchen.
Ich hab sowas selber allerdings noch nicht probiert, bin dann lieber den Weg des geringsten Widerstandes gegangen und hab auf transparente PNGs verzichtet

Gruß
MCoder