Open Source Shop Software xt eCommerce Templates Module SEO Support: : Transparenz Bei Ie6 Und Png

[distwe65]

Hallo,

wie bekannt kann der IE5+6 keine Transparenzen bei png-Dateien darstellen.

Ich habe zwar einige Seiten mit Lösungen zu diesem Thema gefunden, jedoch habe ich keine zum Laufen bekommen.

Habt Ihr dies hinbekommen und seid so freundlich und postet hier eure Lösung?

Danke im Voraus!

°Dirk

[Fletsch]

Geht auch mit IE. Du must nur als PNG 8 Format abspeicher. Bei Fireworks gibts das zum Beispiel als Exportformat. Wies bei anderen Programmen ist weiss ich nicht. PNG8 entsprnicht etwa GIF. Die neuen PNG24 und PNG32 kann IE wie du sagst leider nicht handeln.

Dann gibts noch so Javascript Lösungen. Einfach mal Googeln...

[distwe65]

''>ZITAT(Fletsch @ Mar 24 2007, 14:46) 23303
Geht auch mit IE. Du must nur als PNG 8 Format abspeicher. Bei Fireworks gibts das zum Beispiel als Exportformat. Wies bei anderen Programmen ist weiss ich nicht. PNG8 entsprnicht etwa GIF. Die neuen PNG24 und PNG32 kann IE wie du sagst leider nicht handeln.

Dann gibts noch so Javascript Lösungen. Einfach mal Googeln...
[/b]

Hallo Fletsch,

das bringt mich zwar noch nicht ganz ans Ziel, aber schon mal einen Schritt weiter. Nun habe ich noch rund ums eigentliche Icon einen grauen Rand. Den werde ich aber auch noch wegkriegen.

Die JS-Lösungen habe ich zwar gefunden, aber nicht ans Laufen bekommen.

°Dirk

[HarryBoo]

Hallo Dirk,
Transparenz kannst du beim IE auch mit einem CSS (Cascading Style Sheets ) CSS
http://de.selfhtml.org/css/ (http://anonym.to/?http://de.selfhtml.org/css/) - Top CSS Einsteiger Seite
http://www.css4you.de/ (http://anonym.to/?http://www.css4you.de/) - CSS Reference Befehl erzeugen.

ietransp.{filter:Alpha(opacity=50);}
beim Firefox mit
fftransp.{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}


Viellenicht hilft dir das ja weiter.

Grüße
HarryBoo

[distwe65]

''>ZITAT(HarryBoo @ Mar 24 2007, 19:59) 23314
Hallo Dirk,
Transparenz kannst du beim IE auch mit einem CSS (Cascading Style Sheets ) CSS
http://de.selfhtml.org/css/ (http://anonym.to/?http://de.selfhtml.org/css/) - Top CSS Einsteiger Seite
http://www.css4you.de/ (http://anonym.to/?http://www.css4you.de/) - CSS Reference Befehl erzeugen.

ietransp.{filter:Alpha(opacity=50);}
beim Firefox mit
fftransp.{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}


Viellenicht hilft dir das ja weiter.

Grüße
HarryBoo
[/b]

Mit PNG8 habe ich es nun geschafft.

Wo müsste ich denn deine Codezeilen einfügen?

°Dirk

[HarryBoo]

In der stylesheet.css folgende Einträge:
.ietransp {filter:Alpha(opacity=50);}
.fftransp{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}

Der Aufruf wie folgt:
dein_bild.jpg

[distwe65]

Danke für den Tipp.

°Dirk

[HarryBoo]

Freut mich wenn der Tipp dir helfen konnte. :)

[distwe65]

''>ZITAT(HarryBoo @ Mar 28 2007, 21:22) 23669
Freut mich wenn der Tipp dir helfen konnte. :)
[/b]

Hallo HarryBoo,

nun habe ich Deinen Tipp doch noch mal ausprobiert.

Meine png-Dateien werden im IE nicht transparent sondern mit grauem Hintergrund dargestellt. Nun habe ich Deine Angaben in die css-Datei bzw. in den Source eingebaut.

Ergebnis im IE: Das gesamte Bild wirkt nun transparent, das grau ist ein wenig matter, aber auch der Rest des Bildes. Eine "rnichtige" Transparenz habe ich leider nicht erzielen können.

Hast Du noch Hinweise?

°Dirk

[HarryBoo]

Spiel doch mal mit den "opacity" Werten rum.

[distwe65]

Das führt zu dem erwarteten Ergebnis:

Je nach opacity-Wert ist das (Gesamt-)Bild mehr oder weniger durchsnichtig. Der Wert bezieht sich nicht allein auf den in der png-Datei transparenten Bereich.

°Dirk