2014-08-28 66 views
8

这是一个完整的新手问题,但:bootstrap封面模板:放置图像的位置?

使用Bootstrapcover template,如何/我应该在哪里插入背景图片覆盖页?

我错过了什么?我试图在模板中插入以下元素

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

图像显示但没有设置大小以填充视口的尺寸。

(或者我误解这个模板的目的是什么?)基于应用的背景图像,其中

回答

17

,它看起来像的背景被应用到body标签。在这种情况下应用此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; 
} 

“封面”会导致背景填充块元素。如果您在body你将有小幅度的放置

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

0

应该犹豫。