Opacify函数返回未修改的十六进制

时间:2014-07-14 19:39:05

标签: css sass

我似乎遇到了一些奇怪的事情。我正在尝试获得#111111的95%不透明版本,但似乎opacify函数未返回正确的值。当我使用下面的代码时,编译的样式表将background-color设置为#111111。我正在使用opacify,因为颜色存储为十六进制变量,如果我想继续使用变量,则无法通过标准rgba进行修改。代码如下:

$midnight: #111111;

.some-container {
  background-color: opacify($midnight,0.95);
}

1 个答案:

答案 0 :(得分:1)

opacify 增加不透明度。你想要transparentize()

background-color: transparentize($midnight, 0.05);