Meerdere background-imgs gebruiken in een div

Jonathan Hogervorst schreef op 01.08.2006 16:15

[quote=Jan Koehoorn schreef op 01.08.2006 16:13]Eerst zou ik graag willen weten wat je precies wilt bereiken? Bijvoorbeeld een achtergrondplaatje voor de linkerbovenhoek en een achtergrondplaatje in de rechteronderhoek of zo?

laat maar, ik heb al een beter iddee[/quote]
Idee werkt niet

Jan Koehoorn schreef op 01.08.2006 16:13

Eerst zou ik graag willen weten wat je precies wilt bereiken? Bijvoorbeeld een achtergrondplaatje voor de linkerbovenhoek en een achtergrondplaatje in de rechteronderhoek of zo?

Wat ik dus wil:
Ik heb een jpegje van 1px hoog, en die moet verticaal herhaald worden.
Dan wil ik onderaan het divje, over de herhaling van dat 1px hoge plaatje een ander jpegje heen, gewoon zonder herhalen e.d.
Het plaatje van 1px hoog hoeft niet perse onder het 2e plaatje te zitten
Snapt iemand me nog;)

ja we kunnen het volgen:

we gaan een div in div maken voor je:
let op:

<div style="background:plaatje.jpg; backgroundrepeat:repeat-y;">
<div style="background:plaatje2.jpg; backgroundrepeat:no-repeat; backgroundposition:bottom left;"> <= ff navragen bij een van de css goeroes hierzo.
en verdere inhoud
</div>
</div>

zie zo simpel in het nou.

De maker van de lay gaf me deze handige link:
Werken met z-index

voor de eerste:

<div style="background: url(plaatje1.gif) repeat-y">

en voor de tweede:

<div style="background: url(plaatje2.jpg) no-repeat bottom left">

@frisbee, sorry ik moest ff uit het blote bolletje,

@jonathan, z-index probeer ik zelf zoveel mogelijk te vermijden. het werkt namelijk alleen in combinatie met absolute positionering, en dan ben al je flexibiliteit van css/divs weer kwijt.