基础CSS顶杆不透明度 我使用Zurb的基础5来创建一个页面，我想让上面的条有点透明。你知道如何通过css或jquery实现这一点吗？欢迎使用任何代码示例。谢谢。 < P>确保在HTML中的基础CSS文件之后链接App.CSS，然后将以下代码添加到应用程序中。CSS: .top-bar { opacity: 0.3; }

如果不透明度值小于1且大于或等于0，请根据需要设置不透明度值。

我遇到了同样的问题，我想我会发布我的解决方案。在检查我的css文件是否正确链接并且直接设置了

.top bar

不透明度或使用rgba值（例如

rgba（0,0255,0.5）

）后，顶部栏仍然不透明

我的问题是顶部的条被包装在一个背景设置为不透明颜色的元素中！删除此选项解决了问题

---

如果你没有犯和我一样的错误，它也可能与TopBar下拉背景颜色有关——用基金会SASS变量解释。

这是我最初的想法，但是它并没有产生我想要的结果。请看，我将页面背景设置为图像，使用不透明度0.3只会降低颜色，但background仍处于，无法看到。请尝试使用其他不透明度值。这些设置仅在使用不同设置时将背景从黑色变为白色。请从以下链接查看CSS不透明度定义，以了解此属性为元素提供了什么。