如何使导航栏透明

Question

我在PureCSSMenu.com上创建了一个导航栏，但该网站没有提供使导航栏透明的方法。是否可以调整代码以使其透明？

您可以查看以下导航栏：

http://spectrum.x10.mx/navbar.html

Answer 1

在CSS的第16行，在规则ul.pureCssMenu, ul.pureCssMenu ul中，更改背景颜色：

background-color:rgba(255,255,255,0.5);

你现在有#ffffff，这意味着背景是不透明的白色。 RGBA表示法包含Alpha通道，在此示例中设置为0.5表示半透明度。 1是完全不透明的，0是完全透明的。

同样适用于内部a元素规则中的第42行，但我建议完全删除其背景颜色 - 堆叠半透明颜色并不实用。