css - 不同浏览器上的视差滚动图像

Question

我刚刚通过投资组合网站启动，并在不同的浏览器上查看它。底层图像变得巨大并占据整个屏幕(主要是在 Firefox 上)。我在 google chrome 上运行 IOS Yosemite，它看起来很棒并且运行完美。视差效果是纯 CSS。让我知道您的想法或我如何解决此问题。谢谢。

bbennettdesign.com

Answer 1

您正在使用 Keith Clark's Pure CSS Parallax effect通常，您自己更改了视差结构上的一些元素。

请删除您的样式和 HTML 标记并检查它。如果效果有效，请测试您的特定代码。因为这个效果在 Firefox 上有效。

Browser support

Firefox, Safari, Opera and Chrome all support this effect.
Firefox works too but there is currently a minor issue with alignment.
IE doesn't support preserve-3d yet (it's coming) so the parallax effect won't work. That's ok though, you should still design your

content to work without the parallax effect - You know, progressive enhancement and all that!

或者您可以使用 this.