Kann man mit css für ein element (und zwar body) zwei hintergrundbilder festlegen? Das eine soll dann mit repeat-x oben und das andere unten angezeigt werden. Ist sowas möglich?
Druckbare Version
Kann man mit css für ein element (und zwar body) zwei hintergrundbilder festlegen? Das eine soll dann mit repeat-x oben und das andere unten angezeigt werden. Ist sowas möglich?
AFAIK nicht direkt. Aber du könntest ein zweites Elemen (z.B. div) nochmal unter alles legen und diesem einen Hintergrund geben.
Also meine seite ist so aufgebaut:
Ich hab mir dann überlegt, ich mach eins für <body>, was oben hinkommt und eins für #main, das unten hinkommt...Code:<body>
<div id="main">
<div id="oben">
......
</div>
<div id="links">
......
</div>
<div id="mitte">
......
</div>
<div id="rechts">
......
</div>
</div>
</body>
Nur leider kalppt das nicht, es wird nur das untere angezeigt ... und zwar oben :D
Kannst du mal die CSS (den Teil, der wichtig is dafür) posten?
Also eigentlich müsste das schon funktionieren. Aber entweder du hast eins der Bilder falsch verlinkt (mein Lieblingsfehler) oderin der CSS stehts ein bißchen falsch..
Eigentlich kannst du so viele divs wie du willst übereinander legen, und bei jeder kannst du nochmal extra nen Background machen..
Code:body {
background-color: #006699;
background-image: url(images/seiten_verlauf_oben.gif);
background-repeat: repeat-x;
background-position: top;
...
}
#main {
margin-top: 10px;
margin-left: 10px;
background-image: url(images/seiten_verlauf_unten.gif);
background-repeat: repeat-x;
background-position: bottom;
}
Ich hab jetzt bei #main nochmal width: 100% und height: 100% hinzugefügt. Opera zeigt es jetzt halbwegs richtig an und beim Firefox ist das bild, das unten sein sollte, auf der höhe des oberen div-layers.... Ich weiß nicht mehr weiter - sonst vielleicht jemand?