Question

我有以下css类：

.bookshelf-view
{
    background-color:linear-gradient(to bottom, #c7c8cd 0px, #eaeaec 20px, #abaeb3 21px, #f9f9fa 30, #ffffff 100%) no-repeat;
}

我申请UIView。当我仅使用%作为度量单位时它很有效，但如果我尝试使用repeat-y作为度量单位，则会重复所有内容（就好像我使用px）。有没有办法使这个组合起作用（px +％）？

Answer 1

渐变为background-image，而不是background-color。

30不是有效值，它缺少一个单位，px，%，...

测试一下：

.bookshelf-view
{
    background:linear-gradient(to bottom, #c7c8cd 0px, #eaeaec 20px, #abaeb3 21px, #f9f9fa 30px, #ffffff 100%) no-repeat;
}