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

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

bbennettdesign.com

来源

2014-12-01 Benneb10

视差效果不工作在Firefox 33.0.2，Mac OS X 10.9.5：我可以eiter滚动起始图像或内容，但不能同时。而起始图像的绿松石点和你好文本是相当有颗粒 - 但也许这是有意的。 – iris 2014-12-01 22:15:33

你可以扩展这个吗？绿色的图像并不是那么大，不知道这是怎么发生的，如果我让顶层图像滚动和底部静止图像会起作用？我会怎么做？ – Benneb10 2014-12-01 22:22:28

您正在使用Keith Clark's Pure CSS Parallax effect和通常情况下，你自行改变视差结构的一些项目。

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

浏览器支持

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

内容没有视差效果的工作 - 你知道的，渐进增强和所有！

或者你可以使用this.

来源

2014-12-01 23:21:16 Karmacoma

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

回答

相关问题