Zurb基金会:半透明顶吧可能吗？

Question

有没有办法让Zurb Foundation有一个半透明的顶杆？

我已经在我的_settings.scss文件中定义了所有相关的变量:

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

并尝试了所有数量的变化(rgba的alpha值从0-0.5)并且总是最终得到一个完全透明的条形或半透明条形,下拉/按钮将它们的背景堆叠在顶部,因此看起来更暗/更不透明.

有没有办法让整个顶部的半透明？

我可以在样式表中看到.top-bar-section li a:not(.button)总是得到背景颜色.我知道我可以在我自己的样式表中手动覆盖它,但我觉得必须有一种方法来设置变量,以便这些按钮看起来不会更暗？

Answer 1

屏幕截图右侧链接的背景由变量设置$topbar-dropdown-bg。您需要将其更改为none或transparent。

其他步骤是：

1. 将背景颜色变量设置为none。
2. 将 设为$topbar-bg-color半透明值，例如rgba(#333,0.5)。

这是一个演示。我试图评论我设置背景的所有变量none。