html - 这里的视差不起作用,我该如何解决?

标签 html css css-animations parallax web-frontend

我正在尝试在此网页上创建视差效果:http://therealrohanm.me/Falcon-Hacks-Website/

在此处查看代码:https://github.com/Meeshbhoombah/Falcon-Hacks-Website/tree/gh-pages

我遇到了一些问题,第一个是橙色山脉(如图所示:https://github.com/Meeshbhoombah/Falcon-Hacks-Website/blob/gh-pages/images/parallax-1.png)没有显示。它们应该就在粉色树的正后方。

我的第二个问题是树木过于“放大”。我希望他们能够看到整排树木/山脉。

我将这些问题合并为一个的原因是我觉得它们都是相关的,但我不确定如何完成它们。我尝试了很多不同的方法。我该怎么做这些事情?

最佳答案

你有一个绝对位置问题......

无论如何设置 left:initial ; right:200px 将显示在屏幕上;

enter image description here

关于html - 这里的视差不起作用,我该如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28795560/

相关文章:

html - 垂直对齐图像和两行文本

javascript - Flexbox 格式问题

html - 使 <div> 紧紧围绕封闭的图像?

html - 如何使图像响应高度?

css - 如何将屏幕右侧的文本移动到屏幕左侧

css - 如何从现有图像创建透明背景图像?

html - 加载动画在 IE 中不起作用

html - CSS 图像动画适用于所有浏览器,但 safari

html - 为什么我的颜色在我的 CSS3 转换后变回黑色?

CSS动画方向性问题