2012-01-30 59 views
0

如果我尝试应用多背景图片,伟大工程:CSS3:多个背景。与颜色?

.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; 
} 

,根本不会施加任何背景颜色所有..

我在这里错过了什么?

回答

2

您不能有多个background-color

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

假设您想要的结果是两种颜色在中间会合,look at this为渐变示例。

0

这没有多大意义。背景颜色:适用于整个对象。这就像你试图为图像设置背景颜色或其他东西,但背景颜色不能这样工作!

1

我不明白。

您试图将背景颜色设置为两种颜色。你如何期待这个工作?多个背景图像是有意义的,因为您可以拥有透明的PNG。但颜色?你想在纯色上放置纯色(基本上覆盖以前的颜色)?背景颜色适用于整个区域,所以您不能在空间中移动它。

要回答你的问题,除非你想到渐变,否则根本无法做到这一点。