css - 使用 CSS 在 Bootstrap 中定位 "Parallax"

标签 css twitter-bootstrap-3 parallax

如何在部分标记中放置此“视差”代码,以便视频在导航栏之后开始播放。

我把导航栏做成了透明的,这样我们就可以看到女士的头在它下面了。我希望我们能以某种方式降低它,这样她的头就不会再被砍掉。

Example Demo

非常感谢!

最佳答案

您的 header 部分有 74px 高度,您可以将 padding-top:74px 添加到 .wrapper div。这甚至在响应模式下也有效。试一试。

.wrapper{
padding-top: 74px;
}

希望这有效..

关于css - 使用 CSS 在 Bootstrap 中定位 "Parallax",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49684214/

相关文章:

css - 根据当前窗口纵横比动态更改元素的高度

jquery - 视差 float 图像 <div>

php - 我有滚动条不能正常工作

html - 我的页脚不会留在页面底部

twitter-bootstrap-3 - Bootstrap 网格偏移行高扩展

javascript - 在垂直 div 容器中向上滚动而不是向下滚动

c# - 使用 XNA 和 C# 在 X 轴和 Y 轴上创建二维视差背景

jquery - 为什么不能在 jquery .animate() 中使用 $(this)?

jquery - 将 addClass 添加到 div,然后在单击时应用到新类 Jquery

CSS响应框