Sto cercando di mettere un'immagine di sfondo in un <div> , di modo che questa:
1. rimanga chiaramente come sfondo (e questo non é un problema)
2. esca dai limiti del <div> per essere in primo piano rispetto ad altri <div> che uso come contenitori, cioé vorrei che l'immagine sia in primo piano rispetto a più di un <div> .
Spero di essermi fatto capire.
É possibile? Come si fa?
Lo sfondo non esce mai dal suo contenitore, potresti simulare l'effetto con due div sovrapposti, uno che fa lo sfondo che esce dai limiti, del div che sta sopra.
oaiC
E come dovrei fare?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.div1{height: 200px; width: 200px; background: gray; margin: 10px 0px 0px 10px;}
.div2{height: 220px; width: 220px; background: red;}
</style>
</head>
<body>
<div class="div2"><div class="div1">testo</div></div>
</body>
</html>
Su quello rosso metti lo sfondo.....
E' un esempio molto semplificato giusto per dare una idea, qui ho messo un div annidato, puo' essere anche due div non annidati posizionati uno sopra l'altro con z-index...
oaiC
Permessi di invio
Rispondi quotando