在视差效果上堆叠图像

时间:2014-05-18 16:08:20

标签: html css

我正在测试全页横幅上的视差效果。我设法让效果起作用,但我想在这个横幅上放置一个标志,从而形成一个图像。我从互联网上各个地方嘲笑的HTML看起来像这样:

  

编辑:代码已移除,有利于下面的CodePen链接

到目前为止,我所尝试的一切并没有让我能够“漂浮”。这个徽标覆盖现有的全页横幅。我是否有相互冲突的代码或者我是否首先接近这一切?从我的问题来看,你可能会注意到我是一个完整的新手。

拜托,谢谢!

为了进一步澄清我的问题,我已经包含了我现在遇到的问题的CodePen示例。一旦滚过它,我想保留微妙的视差效果和导航栏剪辑到屏幕顶部。到目前为止,我没有做到这一点:

  

http://codepen.io/anon/pen/mdbGh

假装左下角的图像是我想要的徽标'浮动'在横幅上。

0 个答案:

没有答案