rbga 256色上的scss错误
我的设计师给了我这个css: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
.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属性的一些新语法):)