背景颜色以及相同CSS规则中的背景图像不起作用

Question

此CSS规则可以正常运行：

#selector { 
background: repeat-y transparent 50% url(data:image/png;base64,mybase64encodedimage);
}

然而，这一次失败并且什么都不做。为什么是这样？我认为您可以在同一规则中指定背景颜色和背景图像。

#selector { 
background: white repeat-y transparent 50% url(data:image/png;base64,mybase64encodedimage);
}

Answer 1

需要看起来更像这样：

#selector { 
background: white repeat-y 50% url(data:image/png;base64,mybase64encodedimage);
}

transparent是你在第一个工作正常的背景颜色。

从技术上讲，您所做的就是将2种背景颜色放在background上：white＆amp; transparent因为transparent位于white之后，它会覆盖前者。

Answer 2

这是solution。

HTML：

<div id="selector">red</div>

CSS：

#selector { 
background: red repeat-y /*transparent*/ 50% url(data:image/png;base64,mybase64encodedimage);
}

希望这有帮助。