想要使用引导导航栏创建背景png，但无法正常工作

如何解决想要使用引导导航栏创建背景png，但无法正常工作

我想为导航栏制作背景图像。此时，它看起来像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>

解决方法

不要为图像写扩展名：

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