CSS背景图像和渐变，如何写多行？

Question

我想表达以下每个单独属性的CSS属性定义。

这是单线性属性定义，它确实有效：

div{
  background: url('packages/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

我尝试了这个，但它不起作用：

div{
    background: linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
    background-image: url('packages/select2/select2.png');
    background-repeat: no-repeat 100% -22px;
}

Answer 1

编辑：

实际上，通过定义各个属性，无法按照您想要的方式对事物进行分层。由于您尝试以不同方式定位和重复图层，因此唯一的方法是使用单行i定义。否则，您只需使用以后的属性定义覆盖以前的属性定义。如果您对所有图层都有一个while属性，那么它将起作用，但不是。

在图层之间使用逗号分隔的单行background定义，或者将背景分解为多个元素并将它们分层到DOM中。