+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

Background image responsive

Ultimo Messaggio di Web Designer Monza il:
  1. #1
    User Attivo L'avatar di Katherine
    Data Registrazione
    Jul 2010
    Località
    Treviso
    Messaggi
    1,545

    Background image responsive

    Ciao a tutti, da giorni sto cercando invano una soluzione a questo problema. Nell'header del mio sito ho inserito un immagine di sfondo full width.
    Ora devo renderla responsive (premetto che sto lavorando con bootstrap).

    Per ora sono arrivata a:

    .header {
    background-image:url (.....);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
    height:100vh;
    }

    In questo modo l'immagine diventa effettivamente responsive MA ho un grosso problema con l'altezza.
    Perfetto in versone desktop, tablet e mobile sotto l'immagine ho un grande spazio bianco. Quindi deduco che il problema sia nel height:100vh; ma proprio non saprei come risolvere.

    Vi ringrazio anticipamente per l'aiuto.

  2. #2
    User L'avatar di Web Designer Monza
    Data Registrazione
    May 2012
    Località
    Monza
    Messaggi
    25
    Hai provato con background-size: contain; ? poi eventualmente a partire da questo dopo delle aggiustatine.
    Eventualmente sennò ti puoi un attimo regolare con le media-quiries... così hai il pieno controllo su tutte le risoluzioni
    Ultima modifica di Web Designer Monza; 17-10-17 alle 19:35 Motivo: mi sono ricordato di altre cose

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.