Question

我无法弄清楚使用LESS CSS库的css有什么问题。

当我使用LESS运行我的网站时，我收到此错误。但对我来说CSS似乎是有效的。我的CSS有什么问题，或者我可以不使用LESS？

background: url(css/img/home-bg3.jpg) no-repeat;
    background-clip: ( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;
    background: -webkit-linear-gradient( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;
    background: -moz-linear-gradient( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;
    background: -o-linear-gradient( transparent, transparent ) , url(css/img/home-bg3.jpg) no-repeat;
    background-size: 100% cover;

Answer 1

您似乎为background-clip属性设置了无效值，导致编译器抛出错误。

background-clip仅支持border-box或content-box或padding-box或inherit作为值。

例如，下面的代码编译得很好。

.sample{
    background: url(css/img/home-bg3.jpg) no-repeat;
    background-clip: content-box;
    background: -webkit-linear-gradient( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;
    background: -moz-linear-gradient( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;
    background: -o-linear-gradient( transparent, transparent ) , url(css/img/home-bg3.jpg) no-repeat;
    background-size: 100% cover;
}

background-clip - MDN Specification

附加说明：

由于下面区域中显示的缺失值，实际上会引发错误：

background-clip: ( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;
/*--------------^*/

以下编译正常但不会产生任何影响，因为background-clip属性不支持该值。

background-clip: linear-gradient( transparent, transparent ), url(css/img/home-bg3.jpg) no-repeat;

使用Less CSS时解析错误返回带有背景属性的无法识别的输入错误消息？

1 个答案: