我得到了這個(gè)問題，一個(gè)肖像是重疊我的導(dǎo)航條。 我四處尋找，試圖找到一個(gè)解決辦法，但沒有運(yùn)氣。 我已經(jīng)嘗試過z-index，但遺憾的是根本不起作用。

我在該部分的代碼:

/*Navbar CSS*/

.topNavMain,
.topNavMain ul {
  margin: 0;
  padding: 0;
  background: rgba(227, 232, 237, 0.40);
  color: #5f6f81;
  list-style: none;
  text-transform: none;
  text-decoration: none;
  width: 100%;
  font-weight: 300;
  font-family: 'Lato', Arial, sans-serif;
  line-height: 60px;
  z-index: 999 !important;
}


/*img class CSS*/

.imgPortrait {
  width: 80%;
  z-index: -999;
  overflow: hidden;
}

<section id="aboutMe" class="contentS">
  <div class="container">
    <div class="row">
      <div class="col slideIn margin-fix">
        <h2 class="contentT">About me</h2>
        <p class="shortText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Fusce mollis pretium felis id ultricies. Sed libero risus, volutpat vel rhoncus et, auctor non ipsum. <br> Praesent sollicitudin nibh nisl, et sagittis nulla ornare at.</p>
      </div>
      <div class="col slideIn2">
        <img src="img/portrait.jpg" alt="" class="imgPortrait img-fluid"></img>
      </div>
    </div>
  </div>
</section>

只是一個(gè)簡(jiǎn)單的修復(fù)，您需要對(duì)包含nav的div應(yīng)用z-index，而不僅僅是ul。

#navDiv {
  z-index: 1;
}

在我的例子中，環(huán)繞的箭頭與導(dǎo)航條重疊。由于箭頭圖標(biāo)的z-index已經(jīng)為1，所以在我的例子中，我必須將navbar div的z-index設(shè)置為2，這樣就可以了。

z-index不適用于位置:靜態(tài)。它只適用于位置:相對(duì)、絕對(duì)、固定或粘性。