我有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