Question

我的问题是关于背景大小的。我喜欢使用多个值。

我的Css代码就像这样

background-image: url("../img/redlinie.png"), url("../img/umkleidekabine.png");
background-repeat: repeat-x, no-repeat;
background-size: initial, cover

对于第一张图片redlinie.png，我根本不需要尺码。我只需要为第二个PNG进行测量。但这里的问题。似乎不允许将inheritor initial作为第一个值？

是否存在某种“技巧”，我可以为第一个png设置多个没有背景大小的背景图像，但是包含第二个PNG？

Answer 1

inherit和initial个关键字必须单独出现。即使在以逗号分隔的值列表中也不能使用它们。

没有省略组件值的方法，让浏览器将其解释为初始值，因为background-size不是简写属性，只是一个接受多个逗号分隔值的属性。省略任何尾随值会导致浏览器reuse指定的值，而不是初始值。

从the initial value of background-size is auto开始，您只需指定：

background-size: auto, cover

背景大小：具有继承优先的多个值

1 个答案: