我知道如何使用CSS3指定多个背景图片并使用不同的选项修改它们的显示方式。
目前,我有一个<div>,它需要在左侧宽度的30%处使用不同的颜色:
<div>
div#content { background: url("./gray.png") repeat-y, white; background-size: 30%; }
而不是加载完全为灰色的图像,我该如何指定颜色而又没有其他<div>s?
您真的不能—背景颜色完全适用于元素背景。保持简单。
您可以改为为背景定义带有锐利颜色边界的CSS渐变,例如
background: -webkit-linear-gradient(left, grey, grey 30%, white 30%, white);