html - 背景不透明度 Sass 没有 RGBA

Question

有没有一种方法可以在不使用 RGBA 的情况下使我的背景透明，以便我可以在以后使用 Sass 变量更改颜色而不使包含的文本透明？

$dark: #000;
$highlight: blue;

nav {
    width:100%;
    background: $dark;
    opacity: .5;
    ul {
        li {
            margin: 0 3%;
            a {
                display: block;
                font-size: 1.4em;
                &:hover {
                    color:$highlight;
                }
            }
        }
    }
}

Answer 1

您可以使用 Sass 函数为颜色添加透明度。

background: rgba($dark, 0.5);    

或

background: transparentize($dark, 0.5);

或

background: fade-out($dark, 0.5);    

Sass 有很多方便的 functions用于操作颜色、字符串、数字、选择器等。