背景颜色藏汉作为背景图像中不工作

Question

这CSS规则相同的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

这里是solution。

的HTML：

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

的CSS：

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

希望这有助于。

Answer 2

它需要看起来更像是这样的：

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

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

因此从技术上讲，你做了什么是地方2背景颜色到您的background：white & transparent因为transparent来white后，它是压倒前者。