Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854

    Background immae no-repeat adatta alla risoluzione

    Salve utenti,
    ho un div molto semplice:

    codice:
    .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.

  2. #2
    Se devo impostare uno sfondo a tutto schermo io uso questo codice.


    codice:
    html{
    background: url("immagine.formato") no-repeat center center fixed; 
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
    }

  3. #3
    Utente bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854
    Ottimo! Perfetto, quello che cercavo, ho rimosso solo il 'fixed' perchè l'ho applicato ad un div!

    Grazie.

  4. #4
    Figurati se hai ancora bisogno basta chiedere.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.