html - CSS 背景样式不适用？

Question

我已经开始为我的新网站导航栏设计样式，但是我的背景颜色不适用于它或我使用的任何其他 Div，也没有提取 Div ID。我的整个风格似乎一团糟，这在以前从未发生过。

代码如下:

    <div class="bar">
      <img src="/img/NavBar/Logo.png">
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
      <a href="#">Link 4</a>
      <a href="#">Link 5</a>
    </div>

CSS:
body{
  margin: 0;
  padding: 0;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  background:url("/img/Global/Background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

//*NAV BAR*//
.bar {
  background-color: #0F0F0F;
  width: 100%;
  height: 70px;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
.bar a {
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  font-size: 20px;
  color: #FFFFFF;
  float: right;
  margin-top: 20px;

}
.bar img {
  margin-top: 10px;
  margin-left: 20px;
}

CSS 已连接，因为我的背景图像正在显示，但背景颜色未显示。我尝试了不同的颜色，以确保不仅仅是背景图像和颜色本身之间的对比度差。

有人知道这里出了什么问题吗？

Answer 1

罪魁祸首是 //*NAV BAR*// 注释。 // 不是有效的 CSS 注释语法。它会使您的整个 CSS 文件无效。将其替换为 /*NAV BAR*/