CSS RGB函数 LESS问题
CSS中有这么一个样式
CSS 全选
.test{
box-shadow: inset 0 1px 13px rgb(0 0 0 / 10%);
}在LESS中使用会报错
LESS代码
Markup 全选
.test{
box-shadow: inset 0 1px 13px rgb(0 0 0 / 10%);
}报错信息如下：
Potentially unhandled rejection [2] error evaluating function `rgb`: color functions take numbers as parameters in file E
:\GZ\GZBlog\YESCMS\wwwroot\less\quick-page-build.less line no. 38
:\GZ\GZBlog\YESCMS\wwwroot\less\quick-page-build.less line no. 38
应该是 rgb函数在less中转换错误，不支持
解决方案：
CSS中 rgb(0 0 0 / 10%) 后面的10% 代表透明度
知道了意思后，LESS的透明度用fade标识
所以该样式，在LESS中正确的写法如下：
LESS
Markup 全选
.test{
box-shadow: inset 0 1px 13px fade(#000, 10%);
}
版权声明：本文为YES开发框架网发布内容,转载请附上原文出处连接
post 管理员
