• Home »
  • CSS »
  • Impostare nel sito un immagine di sfondo fissa con i CSS

Impostare nel sito un immagine di sfondo fissa con i CSS

Con i CSS ci sono molte possibilità di personalizzare lo sfondo del proprio sito, una delle piu utilizzate è quella di creare un immagine con una sfumatura o un motivo di sfondo e posizionarla nella parte superiore dello schermo. Non tutti pero sanno che fissando l’immagine con i CSS lo sfondo resta sempre visibile, anche quando si scorre la pagina web. Vediamo come fare:

Ecco il codice CSS per rendere lo sfondo del proprio sito fisso e quindi sempre visibile anche quando si scorre la pagina web tramite la scrollbar o il mouse.

Clicca qui per vedere l’esempio

Ecco il codice CSS:

body
{  
background: #CCC url( 'sfondo-fisso.png' ) repeat-x top;  
background-attachment: fixed; /* fissa lo sfondo */
margin: 0;
}

È molto semplice. Come si può intuire la proprietà “background-attachment: fixed” fissa lo sfondo rendendolo sempre visibile, e naturalmente è compatibile con tutti i browser.

Compatibilità:

browser_ie browser_firefox browser_chrome browser_opera browser_safari

Hai delle idee o dei suggerimenti per migliorare questo articolo? Lascia un commento qui sotto!

Ilario Pellandini

::: Certified Web developer 2006-2018 ::: ::: www.IPELWEB.com :::

More Posts - Website