css - rbga 256 颜色的 scss 错误

标签 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 之间

最佳答案

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

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

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

关于css - rbga 256 颜色的 scss 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30325994/

相关文章:

html - 如何使用 css,html 在 wordpress 的图像(链接)上叠加文本

css - 为什么我的 CSS 不能使用不同的文件名?

css - 将图像定位在文本周围的 div 内

css - 如何在 Foundation 5 中创建适用于所有媒体查询的自定义网格?

css - 根据服务器名加载sass变量

jquery - 将转换与 li 一起使用时的奇怪行为

javascript - :Active links using javascript

css - 使用 dart sass 实现,grunt-sass 不会在不抛出错误的情况下编译 css 文件

sass - vue.js:始终在每个 vue 样式部分加载一个 settings.scss 文件

css - Sass嵌套,标记为第一个父元素