Question

我是CSS和Bootstrap的新手。我尝试使用引导程序创建nav固定式顶部，但是以某种方式是透明的。

我试图添加到CSS！important，但这没有帮助。如何将导航设置为非透明？

这是我的CSS和HTML代码：

.myNavbar{
  margin-top: 0em;
  margin-bottom: 1em; 
  margin-left: 0em;
  margin-right: 0em;
  background: rgba(255, 166, 0, 0.623) !important;
  padding-right: 0em;
  text-align: center;
  width: 100%;
}

<nav class="row myNavbar fixed-top ">
<a class="nav-link" routerLink="/main">home </a>
<a class="nav-link  col" routerLink="/salads">salads</a>
<a class="nav-link  col" routerLink="/galery">galery</a>
<a class="nav-link  col span2" routerLink="/CuntactUs">contact</a>
<a class="nav-link  col" routerLink="/AboutUs">about</a>
</nav>

有没有人可以帮助我... 谢谢！

Answer 1

更改此

background: rgba(255, 166, 0, 0.623) !important;

对此

background: rgb(255, 166, 0);

或

background: rgba(255, 166, 0, 1);

删除背景色的 alpha / opacity 部分，或将 alpha 值设置为完全不透明。

Answer 2

background: rgba(255, 166, 0, 0.623) !important;

从rgb颜色中删除0.632即可完成！

如何将导航设置为非透明

2 个答案: