Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    2

    Bloccare immagine di sfondo

    Buongiorno.

    Vi scrivo perché per voi sarà una banalità, ma io non riesco a fermare l'immagine di sfondo del sito che sto creando.
    Premetto che sono solo un appassionato e non un professionista.
    Detto ciò:

    Sono partito dal tema Overflow 1.1 by HTML5 UP
    Con le dovute modifiche, ho realizzato il sito della sala parrocchiale.

    Il problema è che non riesco a bloccare la foto di sfondo.
    Non so cosa modificare del tema per far cambiare il comportamento all'immagine.

    Ho provato con delle soluzioni che ho trovato cercando in giro, ovvero ho modificato il file style.css così:
    codice:
        body
        {
        background: #FFD199 url('../images/fulls/sfondo.JPG') no-repeat;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center 0;
        background-attachment: fixed;
        }
    Forse ho fatto un po di confusione , ma sinceramente non riesco a capire come fare per bloccare la foto di sfondo.

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Inizio con il dire che l'immagine si chiama sfondo.jpg, non sfondo.JPG

    Comunque prova così:

    1. Anziché al body assegna lo sfondo al tag html
    2. All'html e al body assegna height: 100%;
    3. Al body aggiungi overflow-y: scroll;



    In pratica fai stare fermo il tag html e gli assegni lo sfondo
    No

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    2
    Grazie mille

    Ottima soluzione. Non ci sarei mai arrivato
    È proprio quello che volevo ottenere!

    Ho modificato il file style.css così:

    codice:
     html
        {
        background: #FFD199 url('../images/fulls/sfondo.jpg') no-repeat;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center 0;
        background-attachment: fixed;
        height: 100%
        }
    
    
        body
        {
        height: 100%;
        overflow-y: scrol
        }
    Grazie ancora.
    Anche per la rapidità e per l'esattezza della risposta.
    Ho già caricato la versione corretta .

    Un'ultima cosa: Ora posso togliere il riferimento al colore di sfondo, o è meglio che lo lasci?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.