刚开始在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开始,它仍然没有修复。