Transparenz

Boot · 05.07.2006, 16:31

Hallo alle Graphikgurus

Folgendes Problem:

Ich erstelle gerade eine Webseite. Jetzt will ich einen "fixen Stempel" über diese Seite legen, der nicht mitscrollt. Das Bild ist bereits erstellt und es funktioniert so wie ich es mir vorstelle, mit einer Ausnahme: Das Bild besteht aus 2 Farben (rot und weiß), wobei die weiße Fläche transparent ist und das Ganze somit wie ein aufgedrückter Stempel aussieht. Die rote Schrift und das Logo sind eben nicht transparent und somit ist die Schrift darunter nicht gut lesbar. Dünner machen geht auch nicht mehr,sonst wird der "Stempel" unlesbar. Gibt es eine Möglichkeit eine zweite Farbe (teilweise) transparent zu machen? Oder kennt jemand eine andere Möglichkeit dies zu verwirlichen?

tivise · 06.07.2006, 08:12

Mir fällt Vitrite 1.1.1 ein.

Denke aber das dir das nicht helfen wird

zAPPEL · 06.07.2006, 11:17

Wird derzeit ein GIF- Bild sein oder? Prinzipiell könnte man ja mit PNGs transparente Bilder und auch halbtransparente Bilder verwenden, allerdings stellt der Internet Explorer das nicht dar soweit ich weiß.

Kann man aber lösen, siehe

hier

zappel

p.s. und habe gerade mit freude festgestellt, dass ie7 pngs richtig darstellt.

Boot · 06.07.2006, 16:37

@tivise: hilft wirklich nicht, damit kann man nur Fenster transparent machen

@zAPPEL: Danke für den Link, das Lesen wird aber etwas dauern, bei meinen Englischkenntnissen...

catch17 · 19.07.2006, 11:48

warum legst du den stempel nicht unter den text?? - dadurch sollte sich dein problem von selbst lösen...

IMHO kann man auch mit PNG keine 2 verschiene transparente bereiche nicht in einem bild realisieren...

lg, catch17

row · 19.07.2006, 14:14

Hab ich das richtig verstanden: Du willst den Text unter dem roten Stempel teilweise durchscheinen lassen?

zAPPEL · 19.07.2006, 16:03

Zitat:

Original geschrieben von catch17

IMHO kann man auch mit PNG keine 2 verschiene transparente bereiche nicht in einem bild realisieren...

Also mit png hat man einen vollen 8 Bit Kanal für die Transparenz zur verfügung. (Man kann also 256 verschiede transparente Bereiche erstellen

)

Boot · 19.07.2006, 18:35

@catch17: Weil ein Stempel immer ÜBER dem Bild ist?

@row: Korrekt

@all: Ich habe meine Lösung gefunden!

http://www.css4you.de/trickkiste/tr00018.html

Genau sowas habe ich gesucht.

Nächster "Fluch" auf Mr Bill G.

Der IE unterstützt "position:fixed" erst (angeblich) ab der Version 7.

Naja, was solls

row · 20.07.2006, 08:35

@Boot

Cool, das kannte ich noch nicht.

Ansonsten hätte ich Dir noch vorgeschlagen einfach einen Art Screenshot des Bereiches aus einem Proggi das Ebenentransparenzen unterstützt (Illustrator, Photoshop etc.) zu machen und das Bild dann per CSS als position:fixed einzufügen.

Boot · 20.07.2006, 22:24

Ich auch nicht

Aber IE = kein position:fixed

Leider

05.07.2006, 16:31	#1
Boot Master Registriert seit: 13.06.2005 Beiträge: 621	Transparenz Hallo alle Graphikgurus Folgendes Problem: Ich erstelle gerade eine Webseite. Jetzt will ich einen "fixen Stempel" über diese Seite legen, der nicht mitscrollt. Das Bild ist bereits erstellt und es funktioniert so wie ich es mir vorstelle, mit einer Ausnahme: Das Bild besteht aus 2 Farben (rot und weiß), wobei die weiße Fläche transparent ist und das Ganze somit wie ein aufgedrückter Stempel aussieht. Die rote Schrift und das Logo sind eben nicht transparent und somit ist die Schrift darunter nicht gut lesbar. Dünner machen geht auch nicht mehr,sonst wird der "Stempel" unlesbar. Gibt es eine Möglichkeit eine zweite Farbe (teilweise) transparent zu machen? Oder kennt jemand eine andere Möglichkeit dies zu verwirlichen?

06.07.2006, 08:12	#2
tivise Veteran Registriert seit: 28.06.2006 Alter: 42 Beiträge: 336	Mir fällt Vitrite 1.1.1 ein. Denke aber das dir das nicht helfen wird ____________________________________ Psalm 139 17,18 - AT Komische Dinge gehen dir voraus...

06.07.2006, 11:17	#3
zAPPEL Inventar Registriert seit: 07.11.2001 Ort: Perchtoldsdorf Alter: 45 Beiträge: 2.085 Mein Computer	Wird derzeit ein GIF- Bild sein oder? Prinzipiell könnte man ja mit PNGs transparente Bilder und auch halbtransparente Bilder verwenden, allerdings stellt der Internet Explorer das nicht dar soweit ich weiß. Kann man aber lösen, siehe hier zappel p.s. und habe gerade mit freude festgestellt, dass ie7 pngs richtig darstellt. ____________________________________ „Das menschliche Gehirn ist eine großartige Sache. Es funktioniert vom Moment der Geburt an – bis zu dem Zeitpunkt, wo du aufstehst, um eine Rede zu halten.“ Mark Twain "Windle shook his head sadly. Four exclamation marks, the sure sign of an insane mind" Reaper Man, Terry Pratchett

19.07.2006, 11:48	#5
catch17 Elite Registriert seit: 27.04.2002 Beiträge: 1.307	warum legst du den stempel nicht unter den text?? - dadurch sollte sich dein problem von selbst lösen... IMHO kann man auch mit PNG keine 2 verschiene transparente bereiche nicht in einem bild realisieren... lg, catch17 ____________________________________ ...wenn Ihr hungert, wenn Ihr dürstet - ihr seit nicht allein, wenn Ihr krank seit wenn Ihr leidet - Ihr seit nicht allein -- ER kümmert sich auch um andere NICHT

06.07.2006, 16:37	#4
Boot Master Registriert seit: 13.06.2005 Beiträge: 621	@tivise: hilft wirklich nicht, damit kann man nur Fenster transparent machen @zAPPEL: Danke für den Link, das Lesen wird aber etwas dauern, bei meinen Englischkenntnissen...

19.07.2006, 14:14	#6
row Inventar Registriert seit: 22.06.2001 Beiträge: 1.611	Hab ich das richtig verstanden: Du willst den Text unter dem roten Stempel teilweise durchscheinen lassen?

19.07.2006, 18:35	#8
Boot Master Registriert seit: 13.06.2005 Beiträge: 621	@catch17: Weil ein Stempel immer ÜBER dem Bild ist? @row: Korrekt @all: Ich habe meine Lösung gefunden! http://www.css4you.de/trickkiste/tr00018.html Genau sowas habe ich gesucht. Nächster "Fluch" auf Mr Bill G. Der IE unterstützt "position:fixed" erst (angeblich) ab der Version 7. Naja, was solls

20.07.2006, 08:35	#9
row Inventar Registriert seit: 22.06.2001 Beiträge: 1.611	@Boot Cool, das kannte ich noch nicht. Ansonsten hätte ich Dir noch vorgeschlagen einfach einen Art Screenshot des Bereiches aus einem Proggi das Ebenentransparenzen unterstützt (Illustrator, Photoshop etc.) zu machen und das Bild dann per CSS als position:fixed einzufügen.

20.07.2006, 22:24	#10
Boot Master Registriert seit: 13.06.2005 Beiträge: 621	Ich auch nicht Aber IE = kein position:fixed Leider

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)