如何在速记背景属性中包括背景覆盖值？

Question

我正在尝试将背景图像设置为延伸到<div>的宽度和高度的整个范围。该<div>会是可变大小的，所以我用background-size: cover;

background: url("../images/bkgnd-sidebar.png") no-repeat left top cover;

我无法弄清楚如何将其放在这种简写形式中并使之起作用。如果我独立列出每个属性，则可以正常工作，但是我希望有一个多合一的解决方案。

这可行，但不是首选：

background-size:cover;
background-image:url('../images/bkgnd-sidebar.png');

Answer 1

根据W3和MDN，需要使用斜线将背景大小与背景位置分开：

W3C示例：

p { background: url("chess.png") 40% / 10em gray  round fixed border-box; }

MDN：

必须在背景位置之后指定此属性，并用’/’字符分隔。