Hintergrundbild nach vorne? (z-index)
Robbit
- css
1 Cheatah0 MudGuard0 Klawischnigg
Hallo,
ich möchte ein transparentes PNG fest positioniert (fixed) vor einem Teil meiner Webseiten haben, trotzdem sollen natürlich alle Links darunter klickbar sein.
Gibt es da eine einfache Lösung? Elegant wäre ja so etwas wie
background: url("../images/wasserzeichen.png") no-repeat 0 0 fixed z-index+1;
Vielen Dank für Eure Tipps
-Robbit.
Hi,
Gibt es da eine einfache Lösung? Elegant wäre ja so etwas wie
das wäre alles andere als elegant. Ein *Hinter*grund hat nun mal den Zweck, hinten im Element zu sein - wo sich dieses Element dann befindet, interessiert den Hintergrund allerdings nicht.
Cheatah
Moinsen,
das wäre alles andere als elegant. Ein *Hinter*grund hat nun mal den Zweck, hinten im Element zu sein - wo sich dieses Element dann befindet, interessiert den Hintergrund allerdings nicht.
Aber, aber... wenn man ein Element vor die anderen Elemente der Webseite packt, kann man doch gr nicht mehr die Links klicken! *Wasser in den Augen hat* ;)
Robbit, Du solltest Dein Konzept mal ueberdenken, oder genauer erklaeren.
»» das wäre alles andere als elegant. Ein *Hinter*grund hat nun mal den Zweck, hinten im Element zu sein - wo sich dieses Element dann befindet, interessiert den Hintergrund allerdings nicht.
Aber, aber... wenn man ein Element vor die anderen Elemente der Webseite packt, kann man doch gr nicht mehr die Links klicken! *Wasser in den Augen hat* ;)
Eben, Du Schlauberger ;o)
Robbit, Du solltest Dein Konzept mal ueberdenken, oder genauer erklaeren.
Überdacht habe ich schon, daher erkläre ich genauer:
Ich möchte an der Oberkante des Seiteninhalts einen Farbverlauf (von oben-Schwarz nach unten-transparent), der einen Schatten des Browser-Content-Fensters darstellt.
Wenn der Bildinhalt nach oben unter den Schatten scrollt, verdunkelt er sich unter dem transparenten Farbverlauf (sehr schöner Eindruck eines Schattens), doch etwaige Links oder Eingabefelder sind natürlich nicht mehr erreichbar. Also wat nu? Sackgasse oder Workaround?
Grüßeken
-Robbit.
Hi,
ich möchte ein transparentes PNG fest positioniert (fixed) vor einem Teil meiner Webseiten haben, trotzdem sollen natürlich alle Links darunter klickbar sein.
Du möchtest eine Glasscheibe auf Deine Tastatur legen, aber die Tasten sollen trotzdem benutzbar bleiben.
Gibt es da eine einfache Lösung?
Wenn du mit dem simplen "Geht nicht" nicht zufrieden bist, nein.
Elegant wäre ja so etwas wie
background: url("../images/wasserzeichen.png") no-repeat 0 0 fixed z-index+1;
Nein, das wäre widersinnig. Ein Hintergrund ist nunmal hinter dem Element.
cu,
Andreas
Hi there,
ich möchte ein transparentes PNG fest positioniert (fixed) vor einem Teil meiner Webseiten haben, trotzdem sollen natürlich alle Links darunter klickbar sein.
Gibt es da eine einfache Lösung?
Nein. Mit Javascript wär's möglich (nach dem Laden die absoluten Positionen und Ziele der Links ermitteln und dann an diese Positionen über das PNG als graphische Links transparente Gifs setzen. Den Vorgang musst Du auch nach jedem Viewport-Resizing wiederholen), ist aber nur bedingt sinnvoll und nicht ganz einfach...