如果我有声明:
h1 {
background-image: url(a.png), -webkit-linear-gradient(transparent, black), url(b.png);
}
是否可以仅覆盖多个值的一部分,即(伪代码):
h1.foo {
background-image: default, default, url(c.png);
}
答案 0 :(得分:4)
目前不是。您可以执行以下操作(在后台简写中更改单个属性的值):
.foo { background: url('...') 50% 50% no-repeat, url('...') 50% 50% no-repeat, url('...') 50% 50% no-repeat; } .foo { background-position: 50% 50%, 75% 75%, 50% 50%; }
但无论你如何处理它,你都必须声明每个背景图像;到目前为止,您无法对多个背景图像使用“继承”。