Ciao a tutti, vorrei inserire un background su body che rimanesse fisso, con lo zoom della pagina e che non si deformasse in lunghezza aggiungendo i div alla pagina stessa. Studiando un pò la cosa sul web ho trovato questo codice che mi permette di usare lo zoom ma si deforma con l'aggiunta dei div:
style.css:
pagina index:
l'immagine di sfondo è alta 465px, se lascio così la cosa funziona, ma se aggiungo un div alla pagina con altezza maggiore di 465px, l'altezza dello sfondo si deforma... è possibile lasciarlo fisso?
ho visto numerosi siti che hanno questo effetto, tipo www.moovenda.com
grazie a tutti
style.css:
HTML:
body{
margin: 0px;
padding: 0px;
background: url(images/bg.png);
background-repeat: no-repeat;
background-position: 0 0;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
pagina index:
HTML:
<!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
</body>
</html>
l'immagine di sfondo è alta 465px, se lascio così la cosa funziona, ma se aggiungo un div alla pagina con altezza maggiore di 465px, l'altezza dello sfondo si deforma... è possibile lasciarlo fisso?
ho visto numerosi siti che hanno questo effetto, tipo www.moovenda.com
grazie a tutti