Wie stell ich ein Bild in den Vordergrund der Seite?
Eingetragen von Crouchie (157)am 07.05.2009 - 16:05 Uhr in
Hallo zusammen,
weiß jemand, wie ich ein Bild über die Seite lege? Da es etwas über den Rand hinaus laufen soll, müsste es also frei positionierbar sein. Habe folgendes probiert:
background: url(../../images/evokativ.png) no-repeat; background-position:10px 10px; z-index:999;
Das hilft mir aber nicht weiter, da sich das nur für einen Bereich anwenden läßt und somit die anderen Bereiche das Bild wieder überlagern. Wenn ich den Code für den body anwende, liegt das Bild sogar hinter der gesamten Seite.
Kann mir jemand weiterhelfen?
Viele Grüße Crouchie
- Anmelden oder Registrieren um Kommentare zu schreiben
Wenn ich dich richtig verstehe...
am 08.05.2009 - 09:28 Uhr
... dann willst du deine Seite mit einem Bild verdecken? Welchem Element gibst du die background- Eigenschaft? Folgendes sollte eigenlich gehen:
...<body>
<div id="eineid">Das Hintergrundbild verdeckt die Seite</div>
...
und
#eineid {background: transparent url(../../images/evokativ.png) left top no-repeat;
position: absolute;
top: 10px;
left: 10px;
width: 800px;
height: 600px;
text-indent: -10000px;
}
width und height solltest du an die Maße deiines Bildes anpassen.
Grüße
~ aaki