Question

这是一个完整的新手问题，但是：

使用Bootstrap的cover template，我应该如何/在哪里插入背景图片以覆盖页面？

我错过了什么？我已经尝试在模板中插入以下元素

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

显示图像但尺寸不足以填充视口的尺寸。

（或者我误解了这个模板的用途？）

Answer 1

根据应用背景图像的位置，看起来背景应用于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;
}

＆＃34;盖＆＃34;导致背景填充块元素。

Answer 2

它应该进入：

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

如果将其放在body中，则会有很小的余量。

bootstrap封面模板：放置图像的位置？

2 个答案: