视差效果,背景固定

时间:2014-05-20 14:39:23

标签: jquery css parallax

我有background: url('some/path') no-repeat 50% 0 fixed;属性集的div。

我的视差效果正常,但由于fixed,图像位置变得相对于viewport,这是预期的行为。

但是由于这个原因,我的背景图片从它的div容器(其位置相对低于某些标题,带有导航)向上,因此没有显示在其中& #39; s完整height (谈论图片没有显示完整的内容,而不是div本身),但是height - header.height

一种解决方案是让我的背景图像更高,以获得这种差异。

是否有一些更好的方法来解决这个问题,例如,如果他想要对页面中间的图像进行视差效果,那会怎么做?在这种情况下制作高大的图像是非常不切实际的。我在搞什么?

类似这样的东西,用它最简单的形式,只是为了有更好的想法。 https://gist.github.com/anonymous/a3f8fedf4f6dfcac6607

0 个答案:

没有答案