想用引导导航栏制作背景png，但它不起作用

Question

我想为导航栏制作背景图片。此时，它看起来像this。

导航栏会随着网站滚动，但有时会很暗，因此您看不太清楚。所以我想为此添加一个背景，但这也不起作用。这是我正在使用的代码...

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: 25px;
  background-image: url("img/navbar_background");
  /* (that wont work) */
  z-index: 1;
  position: fixed
}

<nav class="nav">
  <img src="img/marco_d_word_logo.svg" class="logo-image nav-link">
  <a class="nav-link" href=".ueber_mich">Über mich</a>
  <a class="nav-link" href="#">Meine Arbeit</a>
  <a class="nav-link" href="#">Kontakt</a>
  <a class="nav-link" href="#">Impressum</a>
</nav>

Answer 1

不要忘记写图片的扩展名：

.nav{
   background: url("img/navbar_background.png") no-repeat;
   background-size: 100% 100%; // to fit the image to the nav
}