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

Discussione in 'HTML e CSS' iniziata da amhal, 9 Gennaio 2017.

  1. amhal

    amhal Utente Attivo

    Registrato:
    17 Febbraio 2011
    Messaggi:
    85
    Mi Piace Ricevuti:
    1
    Punteggio:
    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
     
  2. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    2.277
    Mi Piace Ricevuti:
    172
    Punteggio:
    63
    Sesso:
    Maschio
    Togli:
    Codice:
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
     
  3. amhal

    amhal Utente Attivo

    Registrato:
    17 Febbraio 2011
    Messaggi:
    85
    Mi Piace Ricevuti:
    1
    Punteggio:
    8
    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
     
  4. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    2.277
    Mi Piace Ricevuti:
    172
    Punteggio:
    63
    Sesso:
    Maschio
    Il codice che ti ho postato devi toglierlo come ti ho scritto sopra
     
  5. amhal

    amhal Utente Attivo

    Registrato:
    17 Febbraio 2011
    Messaggi:
    85
    Mi Piace Ricevuti:
    1
    Punteggio:
    8
    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 :(
     
Sto caricando...

Condividi questa Pagina