我正在尝试将背景图像设置为延伸到<div>的宽度和高度的整个范围。该<div>会是可变大小的,所以我用background-size: cover;
<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');
根据W3和MDN,需要使用斜线将背景大小与背景位置分开:
W3C示例:
p { background: url("chess.png") 40% / 10em gray round fixed border-box; }
MDN:
必须在背景位置之后指定此属性,并用’/’字符分隔。