css - 如何使用 bootstrap 3.3 在背景图像上书写？

Question

我需要这样的“背景文字”> ( EXAMPLE )

当我向下滚动页面时，文本不会上升。

我的 .css 背景图片

html,
body {
  font-family: 'Lato', sans-serif;
  height: 100%;
  background: url(../img/image-bg-jpg.jpg) center center no-repeat fixed;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

我正在使用 bootstrap 3.3

Answer 1

如果我是你，我会用图像标签放入图像，然后将其固定，如下所示: <img class="img" />
.img{ min-width: 100%; min- height: 100%; position: fixed; z-index: 0; }

然后将您的文本放在下面的 div 中，例如:

<div class="div">text goes here</div>
.div{ margin-top: 100%;}