Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

Background image responsive

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

Background image responsive

Messaggioda jessicapi » mar set 20, 2016 1:21 pm

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.
Avatar utente
jessicapi
Neo Iscritto
Neo Iscritto
 
Messaggi: 2
Iscritto il: mar set 20, 2016 1:04 pm

Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising