[HTML] background fisso che non si ridimensiona con lo zoom

  • Creatore Discussione Creatore Discussione amhal
  • Data di inizio Data di inizio

amhal

Utente Attivo
17 Feb 2011
89
1
8
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:

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
 
Togli:
Codice:
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
 
ciao e grazie per aver risposto, si questo codice che mi hai scritto è lo stesso che ho provato come specificato sopra nel file style.css, ma quando creo un div più alto della grandezza dello sfondo, l'immagine si deforma, io vorrei che rimanesse ancorata
 
Il codice che ti ho postato devi toglierlo come ti ho scritto sopra
 
scusami non avevo letto 'togli' :), ho provato, ma quando diminuisco lo zoom del browser diventa piccolo anche lo sfondo... io vorrei che rimanesse sempre largo quanto la pagina :(
 

Discussioni simili