Hintergrund in Vordergrund/Wasserzeichen in Vordergrund
Maxy
- design/layout
Hallo Leute,
ich bin jetzt schon die ganze Zeit auf der Suche nach antworten auf meine Fragen,
aber mir raucht schon der Kopf, und ihr seit meine letzte Hoffnung.
Angefangen hatte es damit, dass ich eine Tabelle in Raute oder Caro (wie auf den Skat Karten) Form erstellen wollte.
Da dies aber nicht geht, habe ich ein Hintergrundbild erstellt, dass in der Mitte ein Caro hat, und dieses Transparent.
Ich möchte dies nun gerne fixiert auf die ganze Seite haben, aber sodass dies im Vordergrund steht,
und der Text den ich später hinzufüge im Hintergrund (da wo es Transparent ist).
Im prinzip wie ein Wasserzeichen, nur nicht im Hintergrund, sondern im Vordergrund.
Ich bin gespannt auf eure möglichkeiten, und hoffe Innigst, hier Hilfe zu bekommen.
Liebe Grüße die Maxy
Angefangen hatte es damit, dass ich eine Tabelle in Raute- oder Karo- Form (wie auf den Skat-Karten) erstellen wollte.
(Nur nebenbei: Caro ist (oder war?) eine Kaffeemarke, das Symbol heißt Karo.)
habe ich ein Hintergrundbild erstellt, dass in der Mitte ein Karo hat, und dieses transparent.
Ich möchte dies nun gerne fixiert auf die ganze Seite haben, aber so, dass dies im Vordergrund steht, und der Text den ich später hinzufüge im Hintergrund (da wo es transparent ist).
Mir ist zwar nicht so ganz klar, warum du den Text mit einem Bild verdecken willst, aber für dein Vorhaben benötigst du lediglich die Grafik, eingebunden mit einem <img>-Element, ausgezeichnet mit position:fixed und natürlich etwas zur Mitte verschoben.
Beachte aber, das der IE vor Version 7 mit position:fixed IIRC nicht umgehen kann und ein derartig positioniertes Element auf nicht ganz so rasend schnellen Rechnern das Verschieben des Inhalts stört.
Also, zum karo: wie gesagt, bin übermüded, und mein Kopf raucht wie schon geschrieben... Mein Fehler ;) Aber nett, dass Du darauf hinweist. *g*
Dann, wegen dem verdecken des Bildes... Ich habe ein Bild, das in der mitte ein Karo hat, was transparent ist (!) sprich mann könnte das was man schreibt, nur durch dieses Karo sehen...dann natürlich aber nur, wenn es im Vordergrund des textes steht, aber zusätzlich möchte ich es fixiert auf die Seite haben, also wie ein Hintergrund, nur dass es vor dem Text steht. Weiß jetzt nicht genau, ob ich etwas falsch verstanden habe, aber ich glaube für einen hintergrund, benutzt man background-image... mit img setzt mann doch einzelne bilder oder?
Und wenn ich jetzt nicht ganz verstanden habe, dann schon mal ein sorry von mir.. :)
möchte ich es fixiert auf die Seite haben, also wie ein Hintergrund, nur dass es vor dem Text steht. Weiß jetzt nicht genau, ob ich etwas falsch verstanden habe, aber ich glaube für einen hintergrund, benutzt man background-image... mit img setzt mann doch einzelne bilder oder?
background-image ist, wie der Name es schon sagt und du eigentlich auch richtig erkannt hast, für Hintergrundbilder gedacht. Du möchtest das Bild aber, ich habe dich doch richtig verstanden, _vor_ dem Text, also im _Vorder_grund haben. Für einen _Vorder_grund ist eine _Hinter_grundoption aber offensichtlich nicht der richtige Platz zum Einbinden, weil ein _Hinter_grund logischerweise _hinten_ bleibt und damit nicht _vor_ etwas stehen kann. Bleibt <img> (evt. mit z-index, das vergaß ich zu erwähnen).
War hoffentlich deutlich, aber nicht zu deutlich :-> Probier's einfach aus; wenn's nicht so läuft, wie gewünscht, male eine Grafik des Soll-Zustandes und stelle diese zusammen mit einer URL zum unerwünschten Ist-Zustand hier wieder ein.
Wie funktioniert dass denn genau mit z-index? Ein beispiel würde mir schon ausreichen, denn dann tüftel ich ein bisschen herrum und versteh es so auch besser :) Schon mal Danke für Deine nette antwort Bla :)
Versuch's doch spasseshalber mal mit SelfHTML...
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Versuch's doch spasseshalber mal mit SelfHTML...
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Ja Danke Steel, :) aber ist das nicht wieder was mit einem einzelnen Pic? Ich suche doch was wie sozusagen als Hintergrund. Nur dass er im Vordergrund steht.