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 pensieri su “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

Lascia un commento

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

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. 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 )

Google+ photo

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

Connessione a %s...