我知道如何使用CSS3指定多个背景图像,并使用不同的选项修改它们的显示方式。
目前我有一个< div>,它需要具有不同的颜色,左侧的宽度约为30%
div#content {background: url("./gray.png") repeat-y,white; background-size: 30%;}
而不是加载完全灰色的图像,我如何能够指定颜色,而不需要额外的< div>?
解决方法
你真的不能 – 背景颜色完全适用于元素背景。保持简单
您可以为背景定义具有清晰颜色边界的CSS渐变,例如。
background: -webkit-linear-gradient(left,grey,grey 30%,white 30%,white);
但目前只有少数浏览器支持。见http://jsfiddle.net/UES6U/2/
(另见http://www.webkit.org/blog/1424/css3-gradients/解释CSS3渐变,包括尖锐的颜色边界技巧)