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*/

CSS背景样式不适用？

1 个答案: