Position 让一个图像在另外两个图像之间切换？

在我的第一页，我有两张图片放在一起，看起来像日落。我想把我的标志放在他们之间，就像太阳一样，但我不能让这一切发生。该标志目前位于该网站的第二页 以下是我的html：

<div id="intro">
     <div id="introbaggrundbagved"></div>
     <a name="section1" class="section">SECTION 1</a>
     <div id="logo">
     </div>
</div> <!--#intro-->

---

您需要将

#logo

div从其父元素

#intro

中取出，并给它一个大于其两个同级元素的z索引-然后将所有

标题

元素包装到

#intro wrapper

div中。此外，然后，我将使用

position:absolute

，而不是

relative

，来

定位
#logo
元素，这将在不干扰周围元素的文档流的情况下，为您提供对其位置的更精确控制

此外，您似乎具有更新
#logo
的
top
属性的功能
parallaxScroll
，这将防止元素被放置在两个图像之间

    function parallaxScroll(){
      var scrolledY = $(window).scrollTop();
      $('#logo').css('top','+'+((scrolledY*.376))+'px');
        ....
      }

我现在这样做了，我把标志放在了正确的位置。但我需要的标志之间的两个图像，你在头版看到。草地和天空是两个不同的图像。#intro中的图像应在前面，#logo中的图像位于中间，#introbagrundbagved中的图像应在后面。帮助我的Thx:）好的想法是当人们向下滚动页面时，让它像太阳一样落在两幅图像之间。给
introbaggrundbagved
一个z索引1，确保
introbaggrundbagved
有一个
height
属性集。我没有看函数，但这不是你当前设置的工作方式。您需要为
容器
元素指定一个
相对
位置，然后设置其
溢出：隐藏
，但您需要
容器
元素上的像素高度值来实现此目的。是！非常感谢您的帮助：）我不知道为什么，但introbaggrundbagved中的背景图像无法隐藏在徽标后面，因此我将其放入容器中，效果良好。你现在可以在网站上看到它：）所以现在我只需要让徽标立即出现，而不是当你开始滚动时：P
    function parallaxScroll(){
      var scrolledY = $(window).scrollTop();
      $('#logo').css('top','+'+((scrolledY*.376))+'px');
        ....
      }