Sass Zurb基础：半透明顶杆可能吗？ 有没有办法用Zurb基金会建立一个半透明的顶杆？

我已经在我的

\u settings.scss

文件中定义了所有相关变量：

$topbar-bg-color
$topbar-bg
$topbar-dropdown-bg
$topbar-dropdown-link-bg
$topbar-dropdown-label-bg

并且尝试了所有数量的变化（阿尔法值为0-0.5的rgba），最终总是得到一个完全透明的条或半透明的条，下拉列表/按钮将其背景堆叠在顶部，因此看起来更暗/更不透明

有没有办法让顶部栏始终是半透明的

---

我可以在样式表中看到

。顶栏部分li a:not（.button）

总是得到背景色。我知道我可以在我自己的样式表中手动覆盖这一点，但我觉得必须有一种方法来设置变量，这样这些按钮就不会显得更暗？

屏幕截图右侧链接上的背景由

$topbar下拉框bg

变量设置。您需要将其更改为

无

或

透明

其他步骤包括：

将背景颜色变量设置为

none

将

$topbar bg color

设置为半透明值，如

rgba（#333,0.5）

这里有一个。我已尝试注释所有变量，我将背景设置为

none

试试这个

.top-bar { background-color: transparent; }
.top-bar-section { background-color: transparent !important;  }
.top-bar-section li { background-color: transparent !important;  }
.top-bar-section li a { background-color: transparent !important;  }

---

我尝试了以下代码，听起来不错。我在Juni-Brosas代码中添加了几行代码

标题，div.contain-to-grid.sticky，nav.top-bar{
背景：无；}
li.has dropdown.a{background:none；}
.top条{背景色：透明；}
.top条部分{背景色：透明！重要；}
.top bar部分li{背景色：透明！重要；}
.top bar section li a{背景色：透明！重要；}

如果涉及半透明覆盖层，您的要求是不可能的。使它们不“堆叠”的唯一方法我想基会提供一种方法来确保顶部条本身的按钮/链接可以被透明并且有长条包装器<代码> Nav.TopBar 显示我已经能够获得透明的Topbar在全宽或移动（小）上看正确。宽度通过编辑基础和覆盖SCS，但决不能同时透明。尝试实现您的演示，但出现错误。我在Rails 4。有这方面的经验或想法吗？我的导航非常基本，右边有两个链接，左边有一个链接，它们可以下拉，工作正常，只是在试图使它们透明时没有。谢谢你的建议@BrutTuy不应该编辑基础.SCSS文件。您需要编辑settings.scss文件来更改这些变量。我没有Rails版本的经验，所以在这方面我不能提供太多帮助。