Transparenz von Bildern

Stümper · 10.02.2005, 19:45

Hallo,

ich habe eine Frage. In meiner Webseite will ich als Hintergrund ein Bild (Photo oder ähnliches, aber keine Füllfarbe). Zur Navigation werde ich ebenfalls ein Bild benutzen (Pfeil oder ähnliches). Der Punkt ist aber, dass dieses Navigationsbild nicht rechreckig sein wird. Wenn ich den Pfeil im Photoshop zeichne, ist der Hintergrund transparent.

Wenn ich aber den Pfeil im HTML anzeige, ist er ja eigentlich ein Rechteck, das den Hintergrund überlagert.

Im Netz steht, dass man css filter: Chroma(); verwenden kann. Dies solle aber zu schlechten Ergebnissen führen und z.B. auch andere Farben beeinflussen.

Was habt Ihr für Ideen? Gibt es eine sichere Variante, ein Bild transparent zu machen? Ausserdem müsste diese Varainte valide sein und browserunabhängig.

Danke.

agrajag · 10.02.2005, 20:46

Zitat:

Zitat von Stümper

ich habe eine Frage. In meiner Webseite will ich als Hintergrund ein Bild (Photo oder ähnliches, aber keine Füllfarbe). Zur Navigation werde ich ebenfalls ein Bild benutzen (Pfeil oder ähnliches). Der Punkt ist aber, dass dieses Navigationsbild nicht rechreckig sein wird. Wenn ich den Pfeil im Photoshop zeichne, ist der Hintergrund transparent.

Wenn ich aber den Pfeil im HTML anzeige, ist er ja eigentlich ein Rechteck, das den Hintergrund überlagert.

Wenn das Ding in Photoshop wirklich einen Transparenten Hintergrund hat (und nicht einfach einen weißen) dann exportiere es als transparentes GIF....
Warum sollte das nicht gehn?

robo47 · 10.02.2005, 20:49

oder png

10.02.2005, 20:49

Zitat:

css filter: Chroma();

Die Sache mit Chroma geht wohl (glaube) NUR im IE.
Kann man irgendwo auch nachlesen.

Zitat:

exportiere es als transparentes GIF....
Warum sollte das nicht gehn?

Geht, aber man hat immer eckige Kanten.

Stümper · 10.02.2005, 21:58

@Werbegschenk: jetzt verstehe ich Deine Gegenfrage ...

Ist ja wirklich sensationell einfach!

Und das geht mit jedem beliebigen Hintergrund???

egal ob Füllfrabe oder Photo oder ...

Auf jeden Fall: besten Dank

PS: warum machen die sich mit Css dann die Mühe mit den (browserspezifischen Filtern?)

10.02.2005, 22:48

Zitat:

PS: warum machen die sich mit Css dann die Mühe mit den (browserspezifischen Filtern?)

Damit mehr Leute IE6 installieren

EDIT:
http://de.selfhtml.org/css/eigenschaften/filter.htm

Soweit zum Thema

Riot · 11.02.2005, 02:51

naja so einfach ist das nicht mit gif. da wird die Transparenz mit immer abwechselnt einPixel keinPixel, das bringt mit sicherheit nicht das gewünschte ergebnis.
Png hat aber 255 mögliche Transparenzstufe, ABER der IE...

robo47 · 11.02.2005, 08:39

.... kan damit auch ned wirklcih gescheit umgehen :P

wolltest du das sagen?

11.02.2005, 09:06

Nur ein Gedanke:

Wenn die Navigation und derren Bilder immer an der selben Stelle ist, und sich auch nicht verschiebt, kann man für die Naviagtion extra Bilder erstellen und den Teil vom Hintergrund mit einbinden.

Sollte eigentlich nicht das Problem sein

Da ich hier keine Details sehe, kann ich nicht mehr dazu schreiben.
Bin mir aber sicher, dass man etwas grafisch tricksen kann.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verlinkungen auf Bildern	Horvi	PHP Tipps 2008	5	23.05.2008 13:55
bilderausgabe nach x bildern in einer reihe unterbrechen	Nick01	Datenbanken	6	25.11.2007 00:31
Sichtbarkeit von Bildern	Spezi	PHP Tipps 2008	2	15.09.2007 20:23
Bilder mit Transparenz "umrahmen"	Andreas	PHP-Fortgeschrittene	11	21.12.2006 08:48
imagefillrectangle mit transparenz workaround?	Promaetheus	PHP Tipps 2006	2	20.10.2006 04:46
PNG verliert Transparenz mit imagerotate	imagica	PHP-Fortgeschrittene	3	20.06.2006 15:13
Zwei PNGs mit Transparenz in ein neues Bild koperen!?	blik	PHP Tipps 2006	2	16.04.2006 00:09
Nur bestimmte Anzahl von Bildern darstellen??!!	Peoples	PHP Tipps 2005-2	4	31.12.2005 01:37
Leidiges Thema Transparenz	HStev	PHP Tipps 2007	1	11.11.2005 14:52
Problem mit der Ausrichtung von Bildern		HTML, Usability und Barrierefreiheit	8	26.08.2005 19:16
Speichern von Text und Bildern verhindern		PHP Tipps 2005-2	6	26.08.2005 19:13
daten von bildern auf einem anderen server abfragen	netti	PHP Tipps 2005-2	3	05.08.2005 14:27
Random von Bildern ohne Browser neu laden		PHP Tipps 2005	6	20.01.2005 19:56
GIF als PNG ausgeben: Transparenz verlohren.		PHP-Fortgeschrittene	7	21.11.2004 16:19
update von Bildern funktioniert nicht		PHP Tipps 2004	1	05.10.2004 08:39

10.02.2005, 19:45
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	Transparenz von Bildern Hallo, ich habe eine Frage. In meiner Webseite will ich als Hintergrund ein Bild (Photo oder ähnliches, aber keine Füllfarbe). Zur Navigation werde ich ebenfalls ein Bild benutzen (Pfeil oder ähnliches). Der Punkt ist aber, dass dieses Navigationsbild nicht rechreckig sein wird. Wenn ich den Pfeil im Photoshop zeichne, ist der Hintergrund transparent. Wenn ich aber den Pfeil im HTML anzeige, ist er ja eigentlich ein Rechteck, das den Hintergrund überlagert. Im Netz steht, dass man css filter: Chroma(); verwenden kann. Dies solle aber zu schlechten Ergebnissen führen und z.B. auch andere Farben beeinflussen. Was habt Ihr für Ideen? Gibt es eine sichere Variante, ein Bild transparent zu machen? Ausserdem müsste diese Varainte valide sein und browserunabhängig. Danke.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.02.2005, 20:49
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	oder png __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

10.02.2005, 21:58
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	Schande über mein Haupt ... @Werbegschenk: jetzt verstehe ich Deine Gegenfrage ... Ist ja wirklich sensationell einfach! Und das geht mit jedem beliebigen Hintergrund??? egal ob Füllfrabe oder Photo oder ... Auf jeden Fall: besten Dank PS: warum machen die sich mit Css dann die Mühe mit den (browserspezifischen Filtern?)

11.02.2005, 02:51
Riot Erfahrener Benutzer Registriert seit: 23.12.2004 Beiträge: 255	naja so einfach ist das nicht mit gif. da wird die Transparenz mit immer abwechselnt einPixel keinPixel, das bringt mit sicherheit nicht das gewünschte ergebnis. Png hat aber 255 mögliche Transparenzstufe, ABER der IE... __________________ Webdesign - optimized for user

11.02.2005, 08:39
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	.... kan damit auch ned wirklcih gescheit umgehen :P wolltest du das sagen? __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

11.02.2005, 09:06
Gast Beiträge: n/a	Nur ein Gedanke: Wenn die Navigation und derren Bilder immer an der selben Stelle ist, und sich auch nicht verschiebt, kann man für die Naviagtion extra Bilder erstellen und den Teil vom Hintergrund mit einbinden. Sollte eigentlich nicht das Problem sein Da ich hier keine Details sehe, kann ich nicht mehr dazu schreiben. Bin mir aber sicher, dass man etwas grafisch tricksen kann.