Javascript CSS会影响其他元素

我正在使用javascript和CSS使菜单后面的图像淡入淡出，但菜单应该保持可见。由于某种原因，菜单也会淡出。不应该，因为我不是针对那些元素

根据链接，如果在菜单类中添加1或更大的z索引值，则菜单栏不会褪色

<div class="header-wrapper">
  <div class="menu" style="z-index: 1;">
    <span><a href="#schedule">Schedule</a></span>
    <span class="spacer">|</span>
    <span><a href="#sponsors">Sponsors</a></span>
    <span class="spacer">|</span>
    <span><a href="#bio">Bio</a></span><a name="bio"></a>
  </div>
</div>

请将您的问题直接包括一个项目的代码。