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?

Mir fällt Vitrite 1.1.1 ein.

Denke aber das dir das nicht helfen wird :look:

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.

@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... :D :eek:

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

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

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 ;))

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

@row: Korrekt

@all: Ich habe meine Lösung gefunden!
:laola:
http://www.css4you.de/trickkiste/tr00018.html

Genau sowas habe ich gesucht. :cool:

Nächster "Fluch" auf Mr Bill G. :rolleyes: Der IE unterstützt "position:fixed" erst (angeblich) ab der Version 7. :heul: Naja, was solls

@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.

Ich auch nicht :D

Aber IE = kein position:fixed :heul: Leider