javascript - 如何使我的导航栏(具有透明背景)在视差滚动网页中 float /重叠我的背景?

标签 javascript css twitter-bootstrap

我正在尝试设计一个导航栏没有背景并且漂浮在背景图像上的网页。然而,这是一个视差滚动网站,一旦页面滚动到第二部分,我的导航栏就会将背景向下推到其自身宽度的大小。

我要求它漂浮在我的部分上。

谢谢。

最佳答案

你的问题比较含糊。

您希望导航栏位于什么位置,大小是多少?

如果您希望导航栏在整个部分中保持在视口(viewport)顶部,请将其设置为, 位置固定;前0;左:0; z-指数:1000; (你想要的任何高度和宽度) 然后将视差层放在旋转木马类型的父 DOM 元素上

关于javascript - 如何使我的导航栏(具有透明背景)在视差滚动网页中 float /重叠我的背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41473407/

相关文章:

css - 如何设置组件最大高度?

twitter-bootstrap - Bootstrap 内嵌文本框和搜索按钮

javascript - Vue 在复制数据后更改数据中的数组

javascript - 在函数中动态调用数组

html - "display: inline-flex"的元素有一个奇怪的上边距

css - Tumblr 主题 css 拼图

JavaScript HTML 字符串

javascript - 怎么了?通过字符串定义 JavaScript 命名空间

元素列表的 CSS 阴影效果

html - 以 Bootstrap 形式关闭空间