jquery - Nikebetterworld 视差效果演示 : image sizes

标签 jquery css parallax

我正在尝试调整 Nikebetterworld Parallax Effect Demo为了满足我的网站需求,但是当我将演示中给出的图像更改为我需要的图像时,它们似乎以某种方式重叠并相互隐藏。 我尝试在 CSS 中使用高度属性,但没有成功。 您可以在实际中看到它 here

我应该如何为每个部分使用不同的图像大小,有什么想法吗?

谢谢, 丹尼尔

最佳答案

您是否尝试过将第二个 Div 的位置设置为 relative? 似乎 #second 的背景从页面的上方开始,也许可以尝试设置 background position其中:

background-position:top;

请记住,这个插件基本上是制作大量 Div 移动的背景。 Div 像普通网页一样从上到下排列,但它们各自的背景在内部移动,以及任何后续引用的图像。考虑到这一点,只要背景图像大小超过 Div 大小并且位于正确的位置就可以了

关于jquery - Nikebetterworld 视差效果演示 : image sizes,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16123833/

相关文章:

html - 如何将CSS背景设置为缓慢滚动?

css - 将一个图像滚动到另一个 css

c# - Img 标签在 Windows Azure 云服务中不显示图像

javascript - 禁止在选择时打字

javascript - 如何应用相对于原始 SVG 而不是目标元素的 SVG 剪辑路径

javascript - 为什么 Div 元素在手动复制粘贴时看起来很好,但在附加 jquery append 时看起来很糟糕?

jquery - 滑动 slider 和视差滚动

javascript - 缩放算法不准确?

javascript - jQuery + 安卓。将功能(Touchstart、touchmove)应用于实时加载的内容

html - 使用仅使用 CSS 的外部 div 标签修改 2 x 内部 div 标签