rbga 256色上的scss错误

rbga 256色上的scss错误,css,sass,Css,Sass,我的设计师给了我这个css: .wrapper { margin:10px auto 0; border:5px solid #3c3c3c; background:rgba(256,256,256,0.80); } 它在css文件中运行良好,他说它是有效的(我猜他就是这样做的) 当我将其放入scss文件时,会出现以下错误: $red:'rgba'的颜色值256必须介于0和255之间。当CSS进行技术验证时,它确实会发出警告。从验证器: .wrapper { ma

我的设计师给了我这个css:

.wrapper {
   margin:10px auto 0;
   border:5px solid #3c3c3c;
   background:rgba(256,256,256,0.80);
}
它在css文件中运行良好,他说它是有效的(我猜他就是这样做的)

当我将其放入scss文件时,会出现以下错误:


$red:'rgba'的颜色值256必须介于0和255之间。

当CSS进行技术验证时,它确实会发出警告。从验证器:

.wrapper  { 
    margin : 10px auto 0; 
    border : #3c3c3c solid 5px; 
    background : rgba(255, 255, 255, 0.8); 
}
256超出范围

浏览器需要优雅地钳制这样的值(也来自验证器):


Sass对此要求更严格一点,因为您正在调用
rgba()
函数,该函数明确要求参数在特定范围内:0-255。

Sass正在解析和计算此表达式,包括rgba函数的值。每个颜色分量的值可以介于0和FF(或255)之间。256是无效值

话虽如此,浏览器在CSS解释方面非常灵活(显然比SASS更灵活),它们将256视为255(至少Chrome是这样)


我想,要解决此问题,请尝试将256替换为255。

顺便说一句,您的边框是向后的。@Anonymous“My”边框不是向后的,它是从验证器复制的。任何投诉都应该向维护人员提出。在这种情况下,我建议使用不同的验证器作为参考(除非这是我不知道的border属性的一些新语法):)