iets zoals dit:
Code:
div.bg {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
div.fg {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
en dan als html gebruik je 2 divs, eentje voor de background in te steken en op de achtergrond te plaatsen, en de 2de om al de rest in te plaatsen
Code:
<div class="bg"><img src="verjaardag2.jpg" alt="" style="width:100%" /></div>
<div class="fg"><span style="background-color:red">voorbeeld-tekst ervoor</span></div>
nadeel is wel:
- scrollbars want je werkt niet met een background maar met een gewone img...
- uitgerokken image
- geen repeat naar onder toe (of je zou steviger moeten scripten)