Foundation CSS顶栏不透明

Question

我使用Zurb的Foundation 5创建一个页面，并且我想让顶栏稍微透明一些。任何想法如何这可能通过CSS或jQuery的？任何代码样本，赞赏。谢谢。

Answer 1

要确保你在你的HTML基础css文件链接后，您app.css然后将下面的代码添加到您的app.css：

.top-bar { 
     opacity: 0.3; 
} 

，只要你想设置不透明度值，其中它是值低于1且大于或等于0

Answer 2

我遇到了同样的问题，并认为我会发布我的解决方案。在检查我的css文件是否正确链接，并且.top-bar不透明度是直接设置的还是使用rgba值设置的（例如rgba(0,0,255,0.5)）后，顶部条仍然不透明。

我的问题是顶部酒吧被包裹在背景设置为不透明颜色的元素！删除这个解决了这个问题。

如果您没有犯过与我相同的错误，那么也可能与顶栏下拉背景颜色有关 - 使用基础Sass变量解释here。