css - 背景颜色以及同一 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&之后，它会覆盖前者。transparenttransparentwhite

Answer 2

这是解决方案。

的HTML：

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

CSS：

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

希望这可以帮助。