2014-08-28 24 views
8

Bu, ancak tam bir acemi soru:önyükleme kapak şablonu: görüntü nereye yerleştirilir?

Bootstrap 'ın cover template, nasıl/I arka plan resmi eklemek gereken yerde sayfasını kapsayacak şekilde kullanarak?

Neyi özlüyorum? Ben görüntü gösterilir şablonun

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

aşağıdaki unsurları içine yerleştirirken, ancak görüntü kutusu boyutlarını dolduracak büyüklükte değil çalıştık. arka plan gövde etiketinin uygulandığı gibi

(Veya bu şablonun amacını yanlış anlama ben?)

cevap

17

arka plan görüntüsü uygulandığı noktadan dayanarak, görünüyor.

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; 
} 

"kapak" blok elemanı doldurmak için arka plan neden olur: bu durumda bu CSS geçerlidir.

0

O gitmeli:

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; 
} 

Eğer body yılında küçük bir marj olacak şekilde yerleştirin edin.

İlgili konular