背景颜色异常

时间:2018-05-19 01:12:25

标签: css sass scss-mixins

刚开始在Visual Studio中使用SCSS,发现了一些奇怪的东西:

如果我使用它:

$BackColour: rgba(1,2,3,0.5);

body { background-color: $BackColour; }

显示正常

当我这样做时,背景颜色没有不透明度:

$BackColour: rgba(1,2,3,0.5);

body { background-color: #fff; }

.some-class { background-color: $BackColour; }

<div class="some-class"><p>Hello, World!</p></div>

如果我然后将其更改为:

.some-class { background-color: rgba(1,2,3,0.5); }

浏览器中显示正确的颜色。

另外,如果我使用LESS文件,我会得到相同的结果

我试图将颜色转换为十六进制但没有运气因为你不能使用不透明度。我试过使用类似于rgba的十六进制颜色,但我不喜欢它。所以,除了选择一种我不喜欢的颜色,我不太确定如何实现它。

颜色1,2,3,0只是一个例子。只要您使用rgba,您选择的颜色就无所谓了。

有什么想法吗?

更新:

我已经从Visual Studio中向MSDN报告了这个问题,但是从15.7.4开始,它仍然没有修复。

0 个答案:

没有答案