Immagine di sfondo che si adatta alle dimensioni del monitor

sfondoVolete inserire una immagine di sfondo al vostro sito e volete che questa immagine segua le dimensioni della finestra del vostro browser senza scorrere e senza essere ritagliata? Per farlo senza disturbare plugin esterni (vi ricordate vero che ogni plugin attivato contribuisce a rallentare il vostro sito in modo più o meno evidente) potete inserire il seguente codice ne vostro file CSS.

    body {
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-attachment:fixed !important;
        -o-background-size: 100% 100%, auto !important;
        -moz-background-size: 100% 100%, auto !important;
        -webkit-background-size: 100% 100%, auto !important;
        background-size: 100% 100%, auto !important;
    }

Vi ricordo che potrebbe non essere completamente compatibile con alcuni vecchi browser ma…. peggio per loro!

5 Replies to “Immagine di sfondo che si adatta alle dimensioni del monitor”

    1. Ciao Laura, abbiamo 2 soluzioni:
      1 – cerca l’elemento “body” all’interno del file css del tuo tema (di solito si trova tra le primissime righe) e aggiungi il contenuto che suggerisco prima della chiusura della parentesi.
      2 – copia tutto il blocco di contenuto (compreso body e parentesi graffe) e incollalo alla fine del tuo file css.
      Spero di essermi spiegato bene, se hai bisogno chiedi pure.
      Saluti!

      "Mi piace"

      1. No, mi spiace ma su wordpress.com è impossibile intervenire direttamente sul file css del tema. Almeno nella versione free, probabilmente nella versione a pagamento si può ma non ho mai provato.

        "Mi piace"

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo di WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.