CSS3：多个背景。有颜色？

Question

如果我尝试应用多个背景图片，效果很好：

.selector{  
     background-image: url(image1.png), url(image2.pnng);
     background-position: 0 -50px, 0 -100px;
}

当我尝试

时出现问题

.selector{  
     background-color: blue, red;
     background-position: 0 -50px, 0 -100px;
}

根本不会应用任何背景颜色..

我在这里缺少什么？

Answer 1

您不能有多个background-color。

您可以使用图像或CSS渐变来获得所需的结果。

假设您想要的结果是两个颜色在中间相遇，look at this表示渐变示例。

Answer 2

我不明白。

您正尝试将背景颜色设置为两种颜色。你觉得这个怎么样？多个背景图像有意义，因为您可以拥有透明的PNG。但颜色？您想在纯色上面放置纯色（基本上覆盖以前的颜色）？背景颜色适用于整个区域，因此您无法在空间中移动它。

要回答你的问题，除非你在考虑渐变，否则根本不可能这样做。

Answer 3

这没有多大意义。 background-color：适用于整个对象。这就像你试图为图像或其他东西设置背景颜色，但背景颜色不能那样工作！