2014-08-28 12 views
8

Questa è una domanda completa newbie, ma:modello di copertina di bootstrap: dove posizionare l'immagine?

Uso Bootstrap s' cover template, come/dove devo inserire l'immagine di sfondo per coprire pagina?

Cosa mi manca? Ho provato inserendo l'interno i seguenti elementi nel modello

<div class="site-wrapper-inner"> 
<div class="cover-container"> 
<div class="inner cover"> 

l'immagine viene visualizzata ma non dimensionato per riempire le dimensioni della finestra.

(O sto equivoco lo scopo di questo modello?)

risposta

17

in base a dove viene applicato l'immagine di sfondo, sembra che lo sfondo viene applicato al tag body. In tal caso, applicare questo CSS:

body { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

"coperchio" fa sì che lo sfondo riempia l'elemento del blocco.

0

Dovrebbe andare in:

html, 
body { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Se lo si inserisce con in body si avrà margine di piccole dimensioni.

Problemi correlati