Javascript 视差网站上的固定文本

我已经创建并尝试在第一张幻灯片（带有Nike basketball的幻灯片）上实现固定文本。目前，我将文本“同类中的第一个”作为背景图像的一部分。是否可以将其与背景分开，并将文本放在自己的div中

第一张幻灯片是用三个独立的

div

创建的，一个是球的顶部，第二个是球的底部，第三个是球的放大倍数，我的想法被难住了。我曾想过将文本附加到第一个和第二个div中，但这会导致文本随页面滚动，而不是将其固定到位

---

站点链接：

是，使用

位置：固定
和
左侧
和
顶部
css属性

e、 g

编辑：

为了适应幻灯片的重叠，您必须对幻灯片和文本应用
z-index

例如，您可以为页面类指定一个2的z索引（位置：相对或z索引不生效），#fixedText规则指定一个1的z索引，#first规则指定一个0的z索引。这将创建您所追求的分层：

  #fixedText {
    position: fixed;
    left: 75px;
    top: 120px;
    font-size: 35pt;
    color: white;
    z-index: 1;
    font-family: helvetica;
  }

  #first {
    background: url(images/01.jpg) no-repeat fixed;
    height: 1000px;
    z-index: 0;
  }

  .page {
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 100%;
    z-index: 1;
    position: relative;
  }

我试过了，但是
position:fixed
导致文本显示在每张幻灯片上，而不是第一张幻灯片。哦，使用
z-index
，这是解决我问题的一种非常巧妙的方法。谢谢：）不客气，@ICU222。如果你还有其他问题要问我，我会尽力回答的（可能有点……只是去上班）
  #fixedText {
    position: fixed;
    left: 75px;
    top: 120px;
    font-size: 35pt;
    color: white;
    z-index: 1;
    font-family: helvetica;
  }

  #first {
    background: url(images/01.jpg) no-repeat fixed;
    height: 1000px;
    z-index: 0;
  }

  .page {
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 100%;
    z-index: 1;
    position: relative;
  }