Transparente Bilder, in HTML Einstellungen

[lain]

Hallo ,

ich habe ein Bild so ausgeschnitten , dass es einen transparenten Hintergrund hat . Aber wenn ich es als img in meine Seite einfüge , ist das weiße Rechteck wieder da !

Hoffe auf baldigen Rat..

[SteffenG]

Hallo lain,

Auf dieser Seite wird kurz auf die Unterschiede zwischen jpg, png und gif eingegangen.

JPG unterstützt Transparenz nicht. PNG unterstützt alpha-Transparenz, was bedeutet, dass es Abstufungen in der Durchsichtigkeit erlaubt (ähnlich wie IE, wenn man den alpha-filter verwendet). GIF unterstützt nur binäre Transparenz, also entweder durchsichtig oder nicht.

Mit Photoshop kenne ich mich nicht aus. Aber ich verwende GIMP, und zumindest da ist es so, dass man einen alpha-Layer für's Bild erstellen muss, wenn man Teile davon durchsichtig machen will. Wenn man keinen solchen Layer erstellt, wird das Bild in Gimp zwar durchsichtig, aber beim Speichern geht diese Durchsichtigkeit wieder verloren. Schau also mal nach einer Option für das Bild einen solchen alpha-Layer einzurichten und mache danach dann die gewünschten Teile durchsichtig.

Wenn du mit filter:alpha die Funktion meinst, die nur der IE kann, dann würde ich meinen, dass das wieder raus muss. Ist sch..... Sachen zu verwenden, die nur ein Browser kann ist schlechter Programmierstil und heutzutage absolut uncool.

Mein Lösungsvorschlage wäre, das Bild als PNG mit alpha-Transparenz zu speichern und für den bescheuerten IE einen Hack der Form

QUELLTEXT

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod=scale src='bild.png');

zu verwenden.
Weil dann haben auch vernünftige Browser die Möglichkeit das Bild transparent darzustellen. Sie ignorieren den filter und zeigen das PNG direkt an.


schöne Grüße
Steffen

Der Beitrag wurde von SteffenG bearbeitet: 08.05.2004 - 8:48