rbga 256 颜色的 scss 错误

Question

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

.wrapper {
   margin:10px auto 0;
   border:5px solid #3c3c3c;
   background:rgba(256,256,256,0.80);
}

它在 css 文件中工作正常，他说它是有效的（我猜他就是这样做透明的）

当我将其放入 scss 文件中时，出现此错误：

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

Answer 1

虽然您的 CSS 在技术上得到验证，但它确实会引发警告。来自验证者：

256 is out of range

浏览器应该像这样优雅地限制值（也来自验证器）：

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

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

Answer 2

SASS 正在解析和评估此表达式，包括 rgba 函数的值。每个颜色分量的值可以在 0 到 FF（或 255）之间。 256 是无效值。

话虽如此，浏览器在 CSS 解释方面相当灵活（显然比 SASS 更灵活），它们将 256 视为 255（至少 Chrome 如此）。

我想，要解决这个问题 - 尝试用 255 替换 256。

scss error on rbga 256 color