Bootstrap透明导航栏 [英] Bootstrap transparent navbar

问题描述

我正在尝试使导航栏变得透明，例如此。但是我似乎无法正常工作。我在 navbar 类上添加了 rga（0,0,0,0.5）。

I'm trying to make the navbar transparent kinda like this. But I can't seem to get it to work. I've added rga(0,0,0,0.5) on the navbar class.

推荐答案

我刚刚弄清楚了。对于将来需要此功能的任何人。我添加了一个CSS覆盖，它是：

I just figured it out. For anyone who needs this in the future. I added a css override that was:

 .navbar.transparent.navbar-inverse .navbar-inner {
   background: rgba(0,0,0,0.4);
}

我的html语法如下：

And my html syntax looks like:

<div class="navbar transparent navbar-inverse navbar-fixed-top">
   <nav class="navbar-inner">
   ...
   </div>
</div>

这篇关于Bootstrap透明导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！