• Super User

    Background immae no-repeat adatta alla risoluzione

    Salve utenti,
    ho un div molto semplice:

    
    .top-bg {
        background:url(../images/slide_bg.png) no-repeat center;
        height: 200px;
    }
    
    

    vorrei impostare tale immagine in modo che si adatta alla risoluzione del browser, cioè dovrebbe occupare in larghezza tutta la finestra, ma senza ripetersi, in quando secondo il gioco presente nell'immagine non va bene.

    Qualche suggerimento con CSS o forse server Jquery?

    Grazie.


  • **CSS3 **background-size: cover;

    Se invece vuoi una soluzione maggiormente compatibile con i browser più datati ci sono plugin per jQuery tipo Supersized.